Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 3, 2015 at 3:40 am #404916
    jennifer

    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?

    March 3, 2015 at 10:44 am #405048
    Günter

    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

    March 3, 2015 at 2:34 pm #405151
    jennifer

    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? :-)

    March 4, 2015 at 8:19 am #405602
    Ismael

    Hi!

    It should be:

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

    Regards,
    Ismael

    March 5, 2015 at 12:54 pm #406365
    jennifer

    That works! Thank you :)

    March 5, 2015 at 1:17 pm #406373
    Rikard

    Hey!

    Great, glad we could help :)

    Cheers!
    Rikard

    March 19, 2016 at 2:11 am #600603
    kbarranco

    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??

    March 19, 2016 at 3:05 am #600607
    Vinay

    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

    March 19, 2016 at 3:19 am #600613
    kbarranco

    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.

    March 21, 2016 at 6:29 am #601039
    Rikard

    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

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