PDA

View Full Version : Another stylevar question


RichieBoy67
05-21-2013, 11:42 AM
Hey all,

I'm really sorry for asking this but i figured it would save time asking here. I have tried using Firebug and I have tried adding css but I am missing something here.

If you go into the blog page I am talking about the "Create New Post" button. I want to change the font color. I believe the reason I am having issues with this is due to the customization feature.

Does anyone know how I can change this font color?

I really appreciate it,
Richie

Lynne
05-21-2013, 01:22 PM
Did you try the stylevar control_content_color

RichieBoy67
05-21-2013, 02:31 PM
Yes I did and that works fine for the post new thread buttons but it does not work under the blog button.

Thanks

peugeot405
05-21-2013, 06:20 PM
go to edit templates
css templates
look for blog.css
then look for this part:

#pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol {
background: {vb:stylevar control_content_background};
_background-image: none;
-moz-border-radius: {vb:stylevar control_content_radius};
-webkit-border-radius: {vb:stylevar control_content_radius};
border-radius: {vb:stylevar control_content_radius};
-moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
-webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
font: {vb:stylevar control_content_font};
color: {vb:stylevar control_content_color};
padding: {vb:stylevar control_content_padding};
border: {vb:stylevar control_content_border};
display:inline-block;
}

RichieBoy67
05-21-2013, 07:28 PM
Thanks, I know i have already made edits and have added css as well in that template but I could have been editing the wrong section. I will try this.

Thanks alot friend. Much appreciated.

Richie

I just checked this and this was the section I already tried. I changed the color to white instead of using the stylevar associated with it but there was no change.

This was what I edited

color: {vb:stylevar control_content_color};

John Lester
05-21-2013, 10:11 PM
Did you add !important after the color code and before the ; ?

The code below works for me NOTE this changes more then the text color ;)

Come to think of it ... I think this changes another button elsewhere as well.


#pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol {
background: url("images/buttons/newbtn_middle.png") repeat-x scroll left top #397D02 !important;
border: 0 none;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 8px #DAA520 !important;
color: #FFFFFF !important;
display: inline-block;
font: 14px Arial,sans-serif;
padding: 4px 15px;


}

peugeot405
05-22-2013, 10:11 AM
Did you add !important after the color code and before the ; ?

The code below works for me NOTE this changes more then the text color ;)

Come to think of it ... I think this changes another button elsewhere as well.


#pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol {
background: url("images/buttons/newbtn_middle.png") repeat-x scroll left top #397D02 !important;
border: 0 none;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 8px #DAA520 !important;
color: #FFFFFF !important;
display: inline-block;
font: 14px Arial,sans-serif;
padding: 4px 15px;


}

I did a test on my testsite and adding !important should do the trick.
not sure of this changes anything else on the forum

another possibilty is to change:

#sidebar_container a {
color: #417D90;
}

but that also affects the sidebar