HomeHome Product Discus... Product Discus...SmithCartSmithCartChange button font colorChange button font color
Previous
 
Next
New Post
6/3/2011 8:39 AM
 

I'm not sure what version this was changed in (I'm running 4.32), but for some reason now our buttons in our store are hard to read. See the attached image.

When you hover over the button the font changes to black, which is ok...but I'd rather just have the button be readable without the hover over.

Where can I change this?

 
 Login to download attachment
New Post
6/3/2011 2:12 PM
 
Hi Mike,

To change the font color for the BuyNow module, you need to edit the color: in the green.css file located in /resources/Smith.BuyNow. Search for .b_center a

Thanks, Kevin
 
New Post
6/3/2011 2:20 PM
 

Hmm I see that the color is set to 'white', but it's not showing that way on my page.

I'm thinking that I might need to change the hyperlinke color, because the button text is showing up blue, and then when I hover over the button to click it, the button changes to a black font.

I don't want all of the hyperlinks to change to white though....there was a time where the button looked great, but I am not sure which setup that was in. Now the buttons are hard to read....

Where are the button files in the directory? I'd like to just upload my own button without the color fade, and maybe make it a lighter green so it is easier for people to see the text.

Thanks for the prompt reply!!

-Mike

 
New Post
6/3/2011 6:01 PM
 

Hi Mike,

In Cart versions prior to v.4.3 all the buttons were asp imagebuttons which are not able to be localized for different languages.   In Cart v.4.3 all the buttons were changed to asp linkbuttons in order to support localization and now all the text on the buttons can be easily changed by modifying the resx files.

The reason the text on your buttons is blue instead of white seems to be a CSS conflict meaning the skin you are using is using the same class name .b_center  that the cart is using to format the text on the buttons.  To fix try changing the name of  the conflicting css class in your your skin.css or you can change the css class name in green.css 

For example, change b_center to .b5_center.  And then change to your desired text color.

Thanks, Kevin

 
New Post
6/6/2011 10:01 AM
 

I went through and made those changes that you suggested in the green.css file, but the button then turns out like this image (see attached) It just raised the text a little bit instead of aligning it center, and the text still stayed blue.

The code I changed was

.b_center a {line-height:21px; color:White;vertical-align:middle;font-weight:bold;}    to

.b5_center a {line-height:21px; color:White;vertical-align:middle;font-weight:bold;}

 

So if there was a conflicting naming convention it would have been eliminated...but it still didn't take

 
 Login to download attachment
New Post
6/15/2011 6:33 PM
 
Hi Mike,

Were you able to find the CSS conflict?

Thanks
 
New Post
6/15/2011 6:45 PM
 

No I was never able to resolve this, I've had a heck of a time trying too!

Has anyone else tried and seen success?

 

 
New Post
6/15/2011 9:11 PM
 
Hi Mike,

Not to my knowledge but I will be researching this issue to see if we can find a solution soon.

Thanks
 
New Post
6/15/2011 10:09 PM
 

Try adding the following classes to your green css:

a.scBtnText

 

{
 color:white;
 text-decoration:none;
 position:relative;bottom:0px;
}
a.scBtnText:hover 
{
 color :white;
 text-decoration:none;
 position:relative;bottom:0px;
}
 
Then open productlist.ascx and change the css class for the link button as highlighted in yellow below:
 
 <div id="ibAddToCartContainer" runat="server" visible="true" style="float:left;">
                        <div class="b_left">&nbsp;</div>
                        <div class="b_center">&nbsp;&nbsp;<asp:LinkButton ID="ibAddToCart" runat="server" OnClick="btnAddBasket_Click" Text="ADD TO CART" CssClass="scBtnText" resourcekey="ibAddToCart.Text" Font-Size="12px"/>&nbsp;&nbsp;</div>
                        <div class="b_right">&nbsp;</div>
                    </div>
 

At your service,
Dave Smith
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
6/16/2011 9:44 AM
 

I gave that a try but it didn't seem to work :-/

It must be something deeper because I'm familiar with css (just didn't know where the changes needed to be made) and I've tried different naming conventions / variations but can't get anything to work. It seems like the text inside of the button is actually a hyperlink (which is why it is blue). So maybe instead of my setting color:white for text is there something else I can do for the case of hyperlinks?

Thanks for you help,

-Mike

 
New Post
6/16/2011 11:42 AM
 
Try adding the css class for the linkbutton directly to the productlist.ascx page.

Scott Kelly
Project Manager
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartChange button font colorChange button font color