Minor layout changes

florhof · April 2019

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 · April 2019

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

florhof · April 2019

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 · April 2019

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

florhof · April 2019

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 · April 2019

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

florhof · April 2019

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

Minor layout changes

Comments