Increase padding between Page Title and Menu Header
-
My page titles are bleeding into the menu bar when viewed with Internet Explorer. Is there a way with the Visual Editor to adjust the top padding only of the page title without increasing the bottom padding?
-
Do you have the page live?
yes. amssvcs.com
Do you know how to find your CSS File – style.css? (Appearance -> Editor -> style.css)
Enter this code in it:
body { padding-top: 30px; }Appearance – Editor – Last option on Right column Stylesheet (style.css)
I have many options of where to place the code (Navigation, Accessibility, Alignments, Header, etc…) Is there any where in particular I should place the code?
New at this.
Place it anywhere inside the style.css file. But not in between any elements. I.e place it in a blank space.
I did notice that all of your pages have a different padding problem. So this fix would only help for the About Us page.
The Sydney theme you are using, how did you get the titles at the top?Page Builder/Editor, Insert Row, Modify Row, Theme, Top/Bottom padding. Page Titles were added with the Visual Editor in the Top Row on the page. When I noticed the problem I tried different padding options on a couple of the pages to try to fix the problem. I’ll have to go back and change the pages I modified. Is there a way to fix all page titles with a standard padding?
I added the code but it didn’t change the About Us page. The only page title that is aligning properly is the Photo Gallery page.
I can adjust the padding (heading/footer) on the row theme of the top row (which is my page title) to lower the page title below the menu bar but it also creates an equal amount of footer spacing which bumps my page too far down. The theme padding adjustment doesn’t allow for individual adjustment to the header or footer, just jointly together.
The only standard way to change the padding is to use the style.css file (i use that all the time).
Since the paddings were edited for some of the pages then you would need do some advanced css editing to change the padding per page or revert all paddings to their original setting.
If you want i can check it for you.
[removed]Thank you, I would very much appreciate that. The original header/footer padding setting of the row theme inserted by the Visual Editor widget was 0. That placed my first row well into the menu bar. The page views normally when viewing from within my wordpress screen but as soon as I log out, the page header appears in my menu bar when viewing with Windows Explorer. I did not change any of the CSS except what you suggested above.
@raidenlee please don’t facilitate help off these forums: http://codex.ww.wp.xz.cn/Forum_Welcome#The_Bad_Stuff
If it’s not something that can be done with in public support, we encourage people to hire someone for direct access, for liability reasons.
@amsservice if you’d like private support, please try http://jobs.wordpress.net/ or http://directory.codepoet.com/ and do not accept any hire or direct access offers posted to these forums.
Thank you Mr. Huff. Hopefully public support will provide an easy answer for me.
If it’s an excessive amount of code, you could always use http://pastebin.com/ to share it.
There is a long list of code (standard Sydney theme code). If I post it to pastebin, how will it tie to this question for help in solving my issue?
I’d wait for Raidenlee to detail exactly what he needs, since he seems to be a lot more familiar with this theme than I am. 🙂
The topic ‘Increase padding between Page Title and Menu Header’ is closed to new replies.
