Tagged: , , , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 15, 2015 at 3:37 am #536001
    apower84

    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 9 years ago by apower84.
    November 17, 2015 at 2:36 am #537029
    Ismael

    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

    November 18, 2015 at 4:32 pm #538277
    apower84

    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.

    November 18, 2015 at 6:09 pm #538411
    Dake

    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

    November 21, 2015 at 8:38 am #540120
    apower84

    @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!

    November 25, 2015 at 3:30 pm #542468
    Andy

    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

    November 28, 2015 at 4:32 am #543910
    apower84

    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!

    December 3, 2015 at 3:04 am #546208
    Ismael

    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

    December 3, 2015 at 10:10 am #546316
    apower84

    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!

    December 3, 2015 at 5:28 pm #546530
    Yigit

    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

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