5 replies to this topic

[alebrujo]

I am not sure if this is the right way. but I want my NAVigation menu to be on the side bar. So I made a custom menu (widget) which works but now I want modify that menu to be a bigger size font and different color. They are links so if I can just find that CSS section to adjust the size, font, etc will be great. Frome the store I got the plugin pagelines customize CSS. in Firebug I can see this.

• So I know I can go in and modify or will be better add a class= with my changes? not sure what to do. ]
  

  • Back to top

---

#2 batman

batman

Bat Learning

• 
• Members
• 985 posts

• LocationBuenos Aires, Argentina
• Framework Version:2.4.2
• Country:

Posted 05 August 2012 - 08:26 PM

For me is better add in: PageLines > Site Options > Custom Code > CSS Rules It is advisable to learn how to do this on your own too. Check out

Please Login or Register to see this Hidden Content

If you need more CSS help check out

Please Login or Register to see this Hidden Content

for more info. Also please be sure to watch our Firebug video tutorial here.

Please Login or Register to see this Hidden Content

• Back to top

---

#3 Rob

Rob

One Smart Egg

• 
• Moderators
• 
• 9,357 posts

• LocationEast Coast, USA
• Framework Version:The Latest, of course
• Country:

Posted 05 August 2012 - 08:30 PM

The font size is changed with this:

Please Login or Register to see this Hidden Content

You'll also have to customize it to include Active and Hover states. Two great resources that will help you with the selectors are:

Please Login or Register to see this Hidden Content

and

Please Login or Register to see this Hidden Content

,

• Back to top

---

#4 alebrujo

alebrujo

Member

• 
• Members
• 19 posts

• LocationNY
• Framework Version:2.3

Posted 07 August 2012 - 03:57 AM

@rangelone Thank you! thank you! thank you!

• Back to top

---

#5 Rob

Rob

One Smart Egg

• 
• Moderators
• 
• 9,357 posts

• LocationEast Coast, USA
• Framework Version:The Latest, of course
• Country:

Posted 07 August 2012 - 10:34 PM

I'm presuming that worked! Glad to hear it! You're quite welcome.

• Back to top

---

#6 alebrujo

alebrujo

Member

• 
• Members
• 19 posts

• LocationNY
• Framework Version:2.3

Posted 15 August 2012 - 07:21 PM

@rangelone In did it work very well now I have a similar question. the ul.sidebar_widgets { } control all the attributes for all side bars. Is there any way I can separate side bar one from side bar 2? what I want is to give the same attributes to side bar 2 but smaller. at least half of the size.

Please Login or Register to see this Hidden Content

is there any way I can divide ul.sidebar1_widgets { } ul.sidebar2_widgets { }?

• Back to top

---

---

Back to Technical Support

[batman]

For me is better add in: PageLines > Site Options > Custom Code > CSS Rules It is advisable to learn how to do this on your own too. Check out

Please Login or Register to see this Hidden Content

If you need more CSS help check out

Please Login or Register to see this Hidden Content

for more info. Also please be sure to watch our Firebug video tutorial here.

Please Login or Register to see this Hidden Content

[Rob]

The font size is changed with this:

Please Login or Register to see this Hidden Content

You'll also have to customize it to include Active and Hover states. Two great resources that will help you with the selectors are:

Please Login or Register to see this Hidden Content

and

Please Login or Register to see this Hidden Content

,

[alebrujo]

@rangelone Thank you! thank you! thank you!

[Rob]

I'm presuming that worked! Glad to hear it! You're quite welcome.

[alebrujo]

@rangelone In did it work very well now I have a similar question. the ul.sidebar_widgets { } control all the attributes for all side bars. Is there any way I can separate side bar one from side bar 2? what I want is to give the same attributes to side bar 2 but smaller. at least half of the size.

Please Login or Register to see this Hidden Content

is there any way I can divide ul.sidebar1_widgets { } ul.sidebar2_widgets { }?