Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 30, 2016 at 6:18 pm #605352
    onesource_marketing

    I came across this ticket: https://kriesi.at/support/topic/icon-list-size-3/
    Is it possible to make a specific Icon List Element’s Icons smaller? I don’t want CSS that would make them small across the entire site. Just on a specific page. Is that possible?

    March 30, 2016 at 6:21 pm #605354
    Yigit

    Hey jend_onesource!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your element and give it a custom CSS class and then add following code to Quick CSS 

    .your-custom-class .iconlist_icon {
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

    Regards,
    Yigit

    March 30, 2016 at 6:42 pm #605364
    onesource_marketing

    Thanks!!! That was the fastest turnaround. Isn’t it quitting time for you guys?
    Take a look at this: http://goo.gl/nBkPou
    We are so close!!! Is there a way to fix how it’s offset? It doesn’t line up with the text. Also, is there anyway to remove the dashed line behind them?

    March 30, 2016 at 11:16 pm #605541
    Yigit

    Hey!

    We are from all over the world so there is no quitting time :)
    Please add following code to Quick CSS as well

    .your-custom-class .iconlist-timeline { display: none !important; }

    To fix the offset issue, we are going to need to see your site. Can you please post the link to your page? :)

    Regards,
    Yigit

    April 7, 2016 at 5:00 pm #609763
    onesource_marketing

    What css would I need for a specific Icon Box element to apply the following:
    1. Decrease size of both Icon and Title.
    2. Title to be sentence case. NOT all caps.
    3. Center the Icon & Title inside a Layout Element.

    Is it possible to modify all this?

    P.S. I supplied the login for my previous request for the offset issue.

    Thanks!

    April 7, 2016 at 5:14 pm #609772
    Yigit

    Hey!

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

    .os-smallicon .iconlist_title {
    text-transform: none;
    font-size: 12px;
    margin-top: 5px!important;
}
.os-smallicon .iconlist-char {
    font-size: 13px!important;
}

    Regards,
    Yigit

    • This reply was modified 8 years, 7 months ago by Yigit.
    April 7, 2016 at 5:46 pm #609795
    onesource_marketing

    @Yigit
    Thanks! That fixed the offset issue! Is there any way to address my other request for a different page:

    What css would I need for a specific Icon Box element to apply the following:
    1. Decrease size of both Icon and Title.
    2. Title to be sentence case. NOT all caps.
    3. Center the Icon & Title inside a Layout Element.

    Is it possible to modify all this?

    April 8, 2016 at 12:19 pm #610197
    Yigit

    Hey!

    That actually should have fixed all items in your list. I realized i was missing a dot in custom CSS code i posted, i edited the code above and added it. Please try replacing the code

    Best regards,
    Yigit

    April 8, 2016 at 3:29 pm #610287
    onesource_marketing

    Those in the list were a new request for a different page and different element – Icon Box not the Icon List which was my initial request. Should I apply a different class name to the Icon Box element’s custom css class field? And/or in the CSS would it need to be .iconbox vs .iconlist? Please advise.

    April 11, 2016 at 1:13 pm #611216
    Andy

    Hey!

    it’s best to use different tickets for different questions/issues.

    Can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Try this code for icon box title:

    .iconbox_content_title {
font-size: 10px !important;
}

    and this for icon:

    .iconbox_icon.heading-color {
width: 10px;
height: 10px;
line-height: 10px;
}

    And adjust as needed.

    Best regards,
    Andy

    May 10, 2016 at 7:53 pm #630208
    cinchmedia

    I am trying to increase the size of icons within the icon list. Please provide a css code to adjust that. Thanks!!

    • This reply was modified 8 years, 6 months ago by cinchmedia.
    May 11, 2016 at 10:19 am #630556
    Andy

    @cinchmedia
    yes please, start a your own thread. Your website is down by the way.

    Cheers!
    Andy

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