Jump to content
Sign in to follow this  
create180design

formatting issues

Recommended Posts

create180design

Hi, I just upgraded to the 2.2 pagelines and expected the formatting issues but now I can't get them corrected. 1) The old CSS styling for the navbar does not work anymore. I need to have the navbar align further down - next to the "home" text. This is what I used before the upgrade:

#brandnav .main_nav fix menu-main-header {float:right;width: 69%;
	padding-top: 200px;
	}

Please advise as to how I need to modify this 2) On the contact us page, the sidebar is being pushed down for some reason. I have deleted and re0installed page lines and the base theme and no change. I do believe it may be related to the contact form short code but don't understand what the issue is with it. Thank you in advance for the support.

Share this post


Link to post
Share on other sites
Rob
Try using Firebug which will help you identify things. It's very helpful. I think this is what you're trying to do with 1. [code]#brandnav .content-pad { padding-top: 200px; }[/code] No. 2... the math doesn't add up. The width of the sidebar is too narrow to match the width of the contact form. You'll need to narrow the width of the contact form.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
create180design
Sorry, but that did not work- that pushed the logo part down as well. I have been trying to use firebug but lately the code from firebug does not work at all (I have posted that several times regarding Firebug code not taking effect). The code that we copy from the right side of the firebug menu is not what needs to be used. Now, we need to look for the div class and then the section Id and all the div classes before the div class we want to modify (located on the left side) and then trial and error it with how these need to be written in the css- needless to say, this is very frustrating :( When I tried testing with firebug, I was able to move the menu bar down but when you hover over it the hover color started at the top of the page and covered the 200px drop. Any other suggestions is appreciated.

Share this post


Link to post
Share on other sites
catrina
Try this selector: [code]section#brandnav div.brandnav-nav.main_nav.fix[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
create180design
Catrina you're awesome! That worked. If you have a minute, can you tell me how you got that selector??

Share this post


Link to post
Share on other sites
create180design
P.S.- regarding question Number 2, The form is not in a sidebar but in the main body. It is the Contact Form 7 plugin and I really don't see where it's settings are set to a set width. Looking at its css stylesheet, it looks like it's set to fit any width. Any thoughts???

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×