Minor layout changes

florhof

Hi, on FAQ-Page of my website https://concertpianist.academy/faqs I want to get rid of the thin line at the top of the section (probably the header is not high enough) and the padding on the left (I put the wrap paddings on 0px on each side). How can I make this work?

Pablo

Hi,

1) Paste that CSS into the Theme Options > Custom CSS & JS > CSS

#Top_bar{
	border-bottom:0 !important;
}

2) It's the margin of the column item.

Please apply the margin:0 !important; in the "Custom | Styles" field

http://prntscr.com/n9hgsn

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

florhof

Hi, I followed your advice:

1) Through the CSS-Change, on mobile devices the page title appears in a second row below: https://pasteboard.co/I9spvAm.png

After deleting the CSS-Code it remained like this.

2) I changed from "image item" to "column item" and added margin:0 !important; in the "Custom | Styles" field, but it doesn't work. Therefore I changed it back.

Pablo

1) The thin line is not there anymore.

That "FAQ" line is the subheader, so it's normal that it will be on the second row.

2) Please get into the "Section" settings and tick on these two options:

http://prntscr.com/n9ydn8

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

florhof

Thank you, Pablo!

1) Is there a chance to get the elements in only one line? I remember, it had been like that before I made the changes, but maybe I am wrong ;-)

2) Issue solved.

Pablo

1) It's hardcoded in the theme, and as I remember, there is no option in theme options to make the subheader in-lined with header.

All I can help you with, is disabling it on mobile, will it be okay?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

florhof

In order to make things not more complicated than necessary, I think I'll leave the site as it is. Thank you!