Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 30, 2018 at 11:57 am #904764
    bakbek

    Hi, I would like to remove the dots between icon list items and also move it a bit to the left so it will be aligned with the title above.

    How can I do that and make it only specific to this page?

    January 30, 2018 at 12:18 pm #904791
    Nikko

    Hey DROR,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .page-id-18798 #av_section_2 .avia-icon-list {
    margin-right: -8px;
}

.page-id-18798 #av_section_2 .avia-icon-list li {
    margin-right: 0;
}

.page-id-18798 #av_section_2 .avia-icon-list .iconlist_icon {
    text-align: right;
    margin-left: 0;
}

.page-id-18798 #av_section_2 .avia-icon-list .iconlist-timeline {
    display: none;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 30, 2018 at 12:26 pm #904799
    bakbek

    Great, thanks! do you know how I can make the image take the full width of the column element?

    January 30, 2018 at 1:04 pm #904816
    Nikko

    Hi,

    You’re welcome, try adding this Quick CSS:

    .page-id-18798 #av_section_2 .flex_column.av_one_half {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-id-18798 #av_section_2 .flex_column.av_one_half .avia-image-container-inner, .page-id-18798 #av_section_2 .flex_column.av_one_half .avia-image-container-inner img {
    border-radius: 0 !important;
}

.page-id-18798 #av_section_2 .flex_column.av_one_half .avia-icon-list-container,
.page-id-18798 #av_section_2 .flex_column.av_one_half .av-special-heading {
    padding-right: 50px;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 30, 2018 at 2:25 pm #904902
    bakbek

    Thanks, how do I also add padding to the text?

    January 31, 2018 at 5:06 am #905339
    Nikko

    Hi,

    Try adding this css code:

    .page-id-2106 #av_section_2 .flex_column.av_one_half .av_textblock_section {
    padding-right: 50px;
}

    PS: I would suggest using Custom CSS Classes instead so we don’t use page-ids :)

    Best regards,
    Nikko

    January 31, 2018 at 9:30 am #905435
    bakbek

    Thanks. How do I use custom CSS in such a case?

    January 31, 2018 at 10:47 am #905489
    Nikko

    Hi,

    You just need to add a Custom Class for example: my_custom_class to the 1/2 column then in Quick CSS, instead of using:

    .page-id-2106 #av_section_2 .flex_column.av_one_half .av_textblock_section {
    padding-right: 50px;
}

    you can use this instead:

    #top .my_custom_class .av_textblock_section {
    padding-right: 50px;
}

    Best regards,
    Nikko

    January 31, 2018 at 10:53 am #905496
    bakbek

    How do I add that custom class? I don’t see such an option in the element settings page.

    January 31, 2018 at 2:28 pm #905570
    Mike

    Hi,
    Please check that custom classes are enabled by going to Enfold Theme Options > Layout Builder > Show element options for developers
    2018-01-31_072455
    Then go to your element to edit, in your case a 1/2 column, and add your class.
    2018-01-31_072727

    Best regards,
    Mike

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