Welcome! To use this support forum, please Login or Join Today!

   

Button link color in widget

{name}
RankRank

Total Posts: 43

Joined 2011-05-19

PM

 

Hi Casey
Please can you point me to the right CSS for this?

I’ve got three columns across the page using one_third notation. I’ve assigned widget.S1 to each column. I’ve included a small button using the [button] shortcode. I’d like to change the color of the text on the button. I’ve tried variations on this, but failed miserably!

div.widget.S1 div.button.small a:link {
 color
:white;

Markup is this:

<h3>Heading</h3>
<
div class="one_third widget S1">
<
div class="pad">
Content... content ...
[button align="center" size="small" link="http://www.nickprior.com/wptest/wordpress/?page_id=254"]Read more[/button]
</div>
</
div

Just in case someone else is trying to fit widgets into a one_third layout on a Designer Page, I changed the widget margin like this to make all three fit:

div.one_third.widget {margin:1%;

thanks!
Nick

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

You should just be able to change .button a in style{x}.css.

{name}
RankRank

Total Posts: 43

Joined 2011-05-19

PM

 

Yes, that’ll do it!
In fact I used:

div.widget.S1 div.button a {color:white;

to limit it to widget styles

Thanks again!