PageLines Support

lisaren

Hi - I would love to see a full CSS page with descriptions for what each style controls for easier customization.
Something like this:

/*TO CENTER THE NAV MENU*/
.main_nav {
	margin-left:200px;
	background-color: #353d33;
}

/*Navigation background color full width of layout*/
#nav .content-pad { background-color: #353d33;}


/*Removes the bottom border from the navigation*/
.navigation_wrap { border-bottom: 0 none !important; }

/*Changes  the primary nav text color AND background*/
.main_nav li a {
	color: #FFF;
	background-color: #353d33;
}

I find it SO frustrating trying to use Firebug - find the element and try and change it only to have it not work!! This might be easy for CSS experts, but not all of us are!
Thanks for listening. I love PageLines!

rangelone

Did you see this? http://www.pagelines.com/forum/discussion/15956/pagelines-framework-2.0-css-tweaks.#Item_1

tandan

Hi Rangelone,

Sorry for jumping in on this convo but I have seen the link you've given but I can't seem to find out what element is affects the hover state. I changed the color but now the buttons and the hovers are still gray and I can't do anything to affect them. I've tried everything on that list...any ideas? I too would love a more comprehensive CSS list!

I've never had problems using firebug before with other themes--why is it so hard with Pagelines? Is this something due to the framework build? Any tips???

Best,
Tan

catrina

This CSS should change the hover state:

.main_nav li a:hover {color: #xxxxxx; background-color: #xxxxxx;}

tandan

hi catrina, thanks for that! i also added #nav before .main_nav li a:hover to make it work as it didn't without it. i sort of guessed... is there a reason i had to add this? i've used firebug and i'm really not great at CSS but i've managed to hack themes generally without much difficulty. am i missing something with how it reads PL framework? should i be doing things differently and how so? sorry if i'm being a noob but it's confusing to me and i like to figure things out on my own so it's driving me a bit crazy.

Also, how do i change the non-hover state? Thank you in advance! here's a pic so you can see what i need changed... thanks!! http://imgur.com/re3WA

catrina

In a way #nav allows the CSS to be more specific so that the change can actually take place. This can change the non-hover state:

#nav .main_nav li a {
	color: #XXXXXX;
	background-color: #XXXXXX;
}

PageLines Support

Useful Links

Howdy, Stranger!

Categories

In this Discussion

Tagged

Weekly Karma