Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2016 at 1:16 pm #600674
    vossenm

    Hi there,

    Is there a CCS code I could fill in the CSS class field of the buttons on the page in the link below to make the font size smaller for that button, so the words will fit better in the button in some cases?

    Thanks!

    • This topic was modified 8 years, 9 months ago by vossenm.
    March 21, 2016 at 6:58 am #601058
    Rikard

    Hi Marcel,

    I’m not sure what you would like to change on that page, could you post a screenshot highlighting the changes you would like to make please?

    Thanks,
    Rikard

    March 21, 2016 at 10:59 am #601148
    vossenm

    Hi Rikard,

    If you click the link below the page scrolls to the section with lots of green buttons right?
    I would like to change the font size of the names in some of those buttons because some words are too long.

    I noticed that the button settings have a field ” CSS class” so I was hoping I could put something in there to change the font size for that button?

    BTW Especially on iPad for example, the words are bigger than the buttons, I thought it would adjust because it is responsive?

    Marcel

    March 21, 2016 at 4:27 pm #601324
    Jordan

    Hi!

    In the CSS class section for the button, you just need to select a name for the button which will be used as a class. For example, use small_button then go to the Quick CSS section in the theme options and add the following code:

    .small_button {
font-size: 12px;
}

    You can add the same class to all the buttons you want to have the same font size or use a different class for each and adjust the code each time.

    Try this and let me know if it works.

    Regards,
    Jordan

    March 22, 2016 at 2:50 pm #601869
    vossenm

    Hi Jordan,

    Thats great, it works
    !
    I’ve changed the font size of one button using this technique as you can see, but the size of the button itself also changes.
    Is there a way to keep the size of the buttons the same when the font changes? Or , if thats impossible, change all buttons at once to a smaller font?

    I’m also looking for a way to style these buttons in a way that that look more like buttons, with a gradient or a bevel & emboss effect, more like the way they look in the backend?

    Marcel

    March 25, 2016 at 3:57 pm #603656
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #gastenboek .avia_iconbox_title {
    font-size: 12px!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.