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

    Hi,

    Love the iconlist really want to do it center with the icon at the top and then the title and then the content?
    Tryed to do this with just the icon shortcode / element but that dosent event look or works like the iconlist or iconbox?

    Q1
    How can I make the the iconlist behave like this? An only on some pages
    Need and new opions for it center: The icon at top then the title (h3) and under that then the content text.

    //Cheers!

    • This topic was modified 8 years, 10 months ago by apower84.
    #537029

    Hey Alexander!

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .avia-icon-list .iconlist_icon {
        float: none;
        display: block;
        margin: 5px auto;
    }
    
    .avia-icon-list article.article-icon-entry {
        min-height: 45px;
        text-align: center;
    }

    Regards,
    Ismael

    #538277

    Thanks @Ismael,

    Q2
    I choose to add an icon insted of an iconlist or iconbox to slove my Q1 problem. Is there a way to have icon to look like and icon from the iconlist? Tryied to finde the elements and change backgrounds and so on but dident get it right.

    #538411

    Hey!

    Please insert the following css into your custom css section:

    .av_font_icon.av-icon-style-border .av-icon-char {
        color: #fff !important;
        background-color: #c09018!important;
        border-style: none !important;
        border-radius: 500px !important;
        padding: 15px !important;
    }

    Cheers!
    Dake

    #540120

    @Dake

    Thank you Dake! :-D

    Just one more thing the heading or text is an h1,h2 / font insted of an h3 / font as the icon list or icon box.
    How can I correct this?

    Na zdorovje!

    #542468

    Hey!

    you should be able to change it inside of ALB when editing the icon list element. However, you can control font size with this code in Quick CSS field:

    .iconlist_title {
    font-size: 10px;
    }
    .iconlist_content p {
    font-size: 12px;
    }
    

    Adjust as needed.

    Regards,
    Andy

    #543910

    Hi @andy

    My Q is about the element / shortcode: icon or standalone icon the font family is taken from the h1 atm. Am using custom fonts on the site and my h1 looks like shit when its so small and don´t want to use it for this want to use my h3 font family like the iconbox or iconlist.
    How can I make this happen?

    Cheers!

    #546208

    Hey!

    Where can we find an example of the icon shortcode? Please post the url to the page with the element. A screenshot will help as well.

    Regards,
    Ismael

    #546316

    Hi @Ismael,

    I put a standalone icon there and as you will see the font-family and the text size are wrong.
    Want the font family and font size to be like my H3 style.

    Can you help me out here?

    Cheers!

    #546530

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    h4.iconlist_title {
        font-family: 'CaslonGraD', sans-serif !important;
        font-size: 26px;
        font-weight: normal!important;
        font-style: normal!important;
    }

    Cheers!
    Yigit

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