Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2017 at 11:56 pm #729215
    artisforever

    Hello,

    I’m trying to do a simple height decrease to 5 buttons I have in a single column, and can’t seem to get anything to work. I’ve tried looking through other threads and have copy/pasted a few variations of this but haven’t had it budge. I used chrome page inspector and saw these content element has a background to it. Perhaps it is a background decrease or padding issue instead? Overall, I just want to try slimmer buttons that might wrap around my text a little better.

    #top .avia-button-fullwidth {
    height: 10px
    }

    January 4, 2017 at 6:08 am #729281
    Rikard

    Hey artisforever,

    I’m getting a coming soon page on the URL you posted, please post login details in private if we need to be logged in to view your site.

    Best regards,
    Rikard

    January 4, 2017 at 3:51 pm #729464
    artisforever

    I don’t really think you need to log-in, I just need some feedback on adjusting the height to the buttons really.

    January 5, 2017 at 6:31 am #729737
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-12 .av_one_fifth .avia-button-fullwidth {
    padding: 5px 5px 5px !important;
}

    Best regards,
    Rikard

    January 5, 2017 at 3:54 pm #729904
    artisforever

    Hello, I got this to work last night somehow before you got back to me. I’ll keep your post in mind if I have any further issues.

    One last question, do you know how to adjust the icon title text sizing?

    January 5, 2017 at 3:57 pm #729907
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .iconbox .iconbox_content .iconbox_content_title {
    font-size: 14px;
}

    Best regards,
    Yigit

    January 5, 2017 at 4:40 pm #729924
    artisforever

    Hi, thanks for everyone’s response, I’m very appreciative.

    Yigit, that did not work. I did try refreshing, and refreshing my cache. What is strange is that my macbook at home, using chrome, was showing an adjustment I tried that made the circle padding closer to the actual symbol within my icon element. Now, when I’m here at work, that edit is no longer showing up. Both browsers were using chrome I believe. Here is my icon quick css code, it would be great to be able to change the text color to be mobile responsive as well, as I am often losing readability based on my original color choice.

    a.av-icon-char:hover span {
    color: #ac97c1;
    }

    .av_font_icon.av-icon-style-border .av-icon-char { padding: 5px; }
    #top .avia-icon-tooltip { font-size: 10px!important; }

    .iconbox .iconbox_content .iconbox_content_title {
    font-size: 10px;
    }

    January 7, 2017 at 8:00 am #730634
    Ismael

    Hi,

    It is working. Make sure that you’re not looking on a cached version of the site. The font size is set to 10px. I believe that you adjusted it to that size?

    Best regards,
    Ismael

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