Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 30, 2024 at 3:25 pm #1474399
    sitibus

    Hi, on my site https://www.medmaiora.it/caladelforte/ I would need to have the table containing the white social icons (in the third box immediately under the banner) transparent and without borders… in a previous work I did so:

    #top #av_section_1.main_color .av_textblock_section .avia_textblock table,
    #top #av_section_1.main_color .av_textblock_section .avia_textblock div,
    #top #av_section_1.main_color .av_textblock_section .avia_textblock td {
    border-color: transparent;
    background: transparent;
    }

    #top #av_section_1.main_color tr:nth-child(odd) {
    background: transparent;
    }

    Now I did the same but it doesn’t work.

    Where I am wrong?

    Tks in advance, Gianluca from Italy

    December 31, 2024 at 7:42 am #1474427
    Ismael

    Hey Gianluca,

    Thank you for the inquiry.

    We didn’t find any table element in the home page. Where did you add it? You may need to replace or update the selector “#av_section_1.main_color” depending on the position of the color section containing the table element. You could also apply a custom css class name or ID to the color section element and use that instead. Please check this documentation for more info.

    // https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    December 31, 2024 at 9:10 am #1474428
    sitibus

    I mean the third box under the rotating banner, with the text “seguici e tieniti informato”

    January 1, 2025 at 12:26 pm #1474450
    Ismael

    Hi,

    Thank you for the info.

    Try to replace the selector #av_section_1 with #av_section_2, or as suggested above, you can apply a custom css class name or ID to the color section element.

    .home #av_section_2.main_color .av_textblock_section .avia_textblock table,
.home #av_section_2.main_color .av_textblock_section .avia_textblock div,
.home #av_section_2.main_color .av_textblock_section .avia_textblock td {
    border-color: transparent;
    background-color: transparent;
}

.home #av_section_2.main_color .av_textblock_section .avia_textblock tr:nth-child(odd) {
    background-color: transparent;
}

    Best regards,
    Ismael

    January 1, 2025 at 2:35 pm #1474455
    sitibus

    Great but now I still see two strange dots at the bottom of the two icons? What aree they? Can I hide them?

    January 2, 2025 at 5:41 am #1474468
    Ismael

    Hi,

    Thank you for the update.

    The dots are caused by this css code:

    #top .av_inherit_color a { text-decoration: underline; }

    Did you add this somewhere? You can override it with this css:

    #top .av_inherit_color a { text-decoration: none; }

    Best regards,
    Ismael

    January 2, 2025 at 10:40 pm #1474496
    sitibus

    Hi I have this code in my css

    .image-overlay { display: none !important; }

    div.phone-info {
    width: 100%;
    text-align: center;
    }

    .image-overlay { display: none !important; }

    .home #av_section_1.main_color .av_textblock_section .avia_textblock table,
    .home #av_section_1.main_color .av_textblock_section .avia_textblock div,
    .home #av_section_1.main_color .av_textblock_section .avia_textblock td {
    border-color: transparent;
    background-color: transparent;
    }

    .home #av_section_1.main_color .av_textblock_section .avia_textblock tr:nth-child(odd) {
    background-color: transparent;
    }

    #top .av_inherit_color a { text-decoration: none; }

    Sincerely I don’t know where could be the code
    #top .av_inherit_color a { text-decoration: underline; }
    but now there are no more dots but the table and the borders are no longer transparent, what did I do?

    Thanks
    Gianluca

    January 3, 2025 at 5:22 am #1474502
    Ismael

    Hi,

    You have to replace #av_section_1 with #av_section_2, or as suggested above, apply a custom css class name or ID to the color section element. 

    .home #av_section_2.main_color .av_textblock_section .avia_textblock table,
.home #av_section_2.main_color .av_textblock_section .avia_textblock div,
.home #av_section_2.main_color .av_textblock_section .avia_textblock td {
    border-color: transparent;
    background-color: transparent;
}

.home #av_section_2.main_color .av_textblock_section .avia_textblock tr:nth-child(odd) {
    background-color: transparent;
}

    Please check this link: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

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