Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 22, 2019 at 12:02 pm #1081799
    MadRhino

    Hi there,

    I’m looking to modify the font size and link style of the icon box and while I had some success on my own, I didn’t manage to achieve the exact styling I’m looking for.

    So, here is what I’m looking to do:

    Remove uppercase font decoration
    Change font-size to 20px
    If possible, replace underline in hover state of link with custom color

    I included a link to the page I’m working on in private.

    Many thanks for your time and help with this. I sincerely appreciate it.

    Best,

    March 26, 2019 at 12:57 pm #1083094
    MadRhino

    No response in 4 days? That’s a first! :-(

    March 27, 2019 at 12:38 am #1083307
    Basilis

    Hi,

    Not sure but do you mean that you want to change the section inside the black area”?

    Best regards,
    Basilis

    March 28, 2019 at 10:28 am #1084015
    MadRhino

    Hey Basilis, thanks for getting back to me.

    No, I actually want to change the font size of the, I guess you’d call it the header or title of the icon box (e.g. Strategy). In addition, I’d also like to have the corresponding link in color upon hover, rather than with an underline.

    Many thanks for your time and help with this.

    March 31, 2019 at 6:39 pm #1085125
    Basilis

    Hi,

    #top .av_inherit_color a {
    font-size: 26px;
    }
    #top .av_inherit_color a:hover {
    color: red;
    }

    Try this. You can change the size and the color to what ever you need for you.

    Best regards,
    Basilis

    June 11, 2019 at 5:27 pm #1109223
    MadRhino

    Thank you so much; Basilis,

    Almost there. Just two more things:

    (i) It looks like there may be an issue with the line height as the “g”s and “y”s in the link seem to be cut off at the bottom
    (ii) Is there a way to eliminate the underline in the hover of the link?

    That’s it. Again, many thanks for your time and help with this. You guys really rock!

    June 13, 2019 at 11:45 am #1109834
    Ismael

    Hi,

    Thank you for the update.

    1.) Look for this css code.

    .avia-icon-list .iconlist_title {
    text-transform: uppercase;
    top: 4px;
    margin-bottom: 0;
    position: relative;
}

    Remove the “top” property or set the value to 0, then adjust the top margin from 17px to 21px.

    2.) Use this css code to remove the text decoration or underline.

    #top .avia-icon-list .iconlist_title a:hover {
    text-decoration: none;
}

    Best regards,
    Ismael

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