Change "Add to Cart" font size

Home › Forums › General Help › Change "Add to Cart" font size

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 25, 2012 at 5:46 pm #5796
    Evans
    Guest

    Hello Again,

    I saw a post discussing changing the “Add to Cart” font size and it’s said it can be done in the CSS, but I don’t know where I need to make that change?

    Thanks,
    Evans

    April 26, 2012 at 3:34 pm #5825
    Wambere
    Keymaster

    Try and “inpect element” using Google Chrome of Firefox with Firebug, you will get to see the CSS that controls the layout.

    You can then use it in your style.css to do whatever you want 🙂

    April 27, 2012 at 4:26 pm #5861
    Evans
    Guest

    Hello,

    Thank you for your reply. I actually tried to do that. And, while I can see the CSS in Firebug that’s controlling it, I can’t see *where* that CSS is located within the files. No matter which .css sheet I open, those particular lines of code aren’t in there? What am I missing?

    Thank You,
    Evans

    April 30, 2012 at 11:06 am #5920
    wham
    Guest

    Actually most of the CSS hooks are not defined anywhere – they are just available for use when you need them.

    Just add them to your theme’s style.css or any other CSS file that is active.

    April 30, 2012 at 6:07 pm #5926
    Evans
    Guest

    I’m sorry, I’m not sure I understand. Something is telling the Add to Cart button how to look, somewhere. You’re saying it doesn’t exit anywhere so I can just create code to tell it how to look. But I need to know how it’s being defined so I even know how to address the code?

    Thanks for your help,
    Evans

    May 1, 2012 at 4:13 am #5933
    Evans
    Guest

    After much searching, I have found what I was looking for. The “Add to Cart” font size is defined in #content text area { in the style.css file

    it was simply a matter of changing the pixel size there and adding the font definition.

    May 1, 2012 at 11:28 am #5945
    wham
    Guest

    Glad you managed to get it working.

    What I meant, though was this:

    This bit of CSS can be used to change the “Add to Cart” button: .dpsc_submit_button

    However, the default DukaPress CSS files make no mention of this CSS class and neither can you find it anywhere.

    But if you open up your style.css and define .dpsc_submit_button and proceed to style it up, it will just work.

    May 1, 2012 at 11:31 am #5948
    wham
    Guest

    While this worked:

    ===
    After much searching, I have found what I was looking for. The “Add to Cart” font size is defined in #content text area { in the style.css file
    ===

    It is not the optimal solution as it changes other things in your theme (most likely other buttons) – unless of course that is okay.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change "Add to Cart" font size’ is closed to new replies.
© 2024 DukaPress. All rights reserved.
Design By Madoido.