Recommended Posts

Danny+ 1,327

Danny+ 1,327

This topic will be a complete list of the most commonly asked CSS customisation questions on the support forums.
PageLines Framework 2.0 CSS Tweaks - Coming Soon! - Link will appear here!
iBlogPro 5 - Coming Soon! - Link will appear here!
Below you will find a title of a commonly asked question and underneath will be the answer, simply add the code into the custom code area in your themes settings.
If you have a CSS tip or trick you would like to submit please add it to the comments below.
How do I change the primary nav background color.
Full Width of site.
Example Image:

/* THIS ALLOWS YOU TO CHANGE THE COLOR OF THE LINK & STOPS IT BEING UNDERLINED */
#secondnav li a { color: #FF0000; text-shadow: none !important; }
/* THIS ALLOWS YOU CHANGE THE BACKGROUND COLOR OF THE LINK WHEN YOU HOVER OVER IT */
#secondnav li a:hover { background: #FFFFFF; }
/* THIS ALLOWS YOU TO ADD A UNDERLINE WHEN HOVERING OVER THE LINK */
#secondnav li a:hover { text-decoration: underline; }
/* THIS ALLOWS YOU TO CHANGE THE COLOR OF THE LINK WHEN HOVERING OVER THE LINK */
#secondnav li a:hover { color:#00FF00; }

More to come...
If this post helped you, hit the "Thanks" button please!

Share this post

Link to post

Share on other sites

Danny+ 1,327

Danny+ 1,327

The above code was tested on Platform Pro and I will create a new one for PageLines Framework 2.0, on or right after release!
If enough people reply, I will do a similar one post for each PageLines theme too!

Share this post

Link to post

Share on other sites

jenndiesi 0

jenndiesi 0

Omg, this would have saved me so much time if it had been in the documentation - I spent a lot of time figuring this out yesterday. (I guess I should come to the forums *before* I try to figure it out on my own?) :P
To me - this stuff is really needed and should be a basic part of the documentation. Thanks again!

Share this post

Link to post

Share on other sites

Pankaj32
1

Pankaj32 1

This looks like a good post and I would love to benefit from this. Can somebody please also explain where exactly all these codes needs to go to be able to get the desired result. I did not know its going to take some knowledge of CSS so pardon if this is too dumb a question to be put on this forum. I did try to put the code into the "settings - custom code - css rules area however, could not see any change after saving.

Share this post

Link to post

Share on other sites

Pankaj32
1

Pankaj32 1

@tranceandy you mean I need to take the ftp route and make changes? Thats even more confusing. Atleast, this is what the documentation seem to suggest if I were to take the customisation plugin route. I don't want to do anything fancy at the moment, simple things like moving the social networking icons here up or down etc.. also, can somebody direct me to an elaborate documentation where I can find material about how to use banners and boxes.. is there a way by which the framework (pageline) could re-size the uploaded pictures automatically for banners?