Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #404916

    Hello,
    I found this post (very helpful) https://kriesi.at/support/topic/full-width-button-text-size/ which allows me to change the text size for the fullwidth buttons. When I apply it to my child theme, it works perfectly.
    I added in the Custom CSS Class field so that I could customize individual elements, but it doesn’t appear to be working (human error, I’m sure). :-)
    Here’s the test page: http://www.tripreads.com/paris/
    Custom class: offline_maps
    Code implemented:

    .offline_maps #top .avia-button-fullwidth .av-button-description {
    font-size: 12px; }

    What am I doing wrong?

    #405048

    Hi Jennifer!

    Thank you for coming back.

    Try the following:

    
    #top .avia-button-fullwidth .av-button-description {
        font-size: 12px !important;
    }
    

    Best regards,
    Günter

    #405151

    That works for all fullwidth buttons, but I’m trying to get it to work only on the top button (under the maps), not all the buttons throughout the site. I created a custom css class (offline_maps), but I can’t get it to work. Any tips? :-)

    #405602

    Hi!

    It should be:

    #top .offline_maps .avia-button-fullwidth .av-button-description { font-size: 12px; }
    

    Regards,
    Ismael

    #406365

    That works! Thank you :)

    #406373

    Hey!

    Great, glad we could help :)

    Cheers!
    Rikard

    #600603

    if this is still an active forum- I have a question too. What code to make the height stick? my text is not vertically centered in the button,

    1) see homepage- gray full width button
    2) see the button that looks whited out on the header… How to customize??

    #600607

    Hey!

    in enfold child theme css you have

    .main_color .avia-color-theme-color-subtle {
        background-color: #ffffff;
        color: #3F51B5;
    }

    Change color value to #000 so it should be

    .main_color .avia-color-theme-color-subtle {
        background-color: #ffffff;
        color: #000;
    }

    Best regards,
    Vinay Kashyap

    #600613

    I don’t know where that is. I think I fixed it tho.
    I would still love to style the full width button’s height.
    I’m trying to figure that out.

    #601039

    Hi,

    I’m not sure if you got your problem fixed or not? Please let us know if you should any more help on the topic.

    Regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.