Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Another font color change ?


Ken Shea

Recommended Posts

Hi Ken,

Looking at the styles on the live site, there is another rule which is taking priority as it has been definded as "!important". 

Image of Live CSS from browser debug (note the a.btn rule)

image.png.b04a65cd394b6c51be90ee84e8895248.png

 

You need to change the button colour using that rule.  So there are 2 ways to do this... :)

1) You can either edit the CSS file for main, as you have been doing, and search for the style definition for "a.btn" and make the changes there...

image.thumb.png.2c7b5920d5e0b3442217d3493e858834.png

 

Or 

2) use the "customize theme styles" button at the top, expand the buttons section and then on the right hand side hover over the "transparent button" to reveal the "edit" option, then set the background and font colours in the popup window.  (You will see a preview of how your button will look on the left of the button section)

For white text, click the font tab, and in the colour dropdown choose "$font-color-reverse-2"

 

image.thumb.png.3792ee2f242db47c78f1184b5eac9fe6.png

image.png.c98d16f18d03a45406681367167dcbc9.png

 

 

 

Link to comment
Share on other sites

Yes, leave them as styled for now, you can always adjust them later if you notice one not behaving.  As with the button you've just styled, you could use that same 'header' green colour for the button background - This will then sort out the button on the bottom of the  popup login form when you click the account icon.

80! You are doing amazing, I mean check you out.... where did those rounded corners come from eh?!! :)

image.png.77f4dbb2425dac6e512be6983e72fbf7.png

 

Edited by CHD-UK
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...