Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 3, 2020 at 1:43 pm #1243089
    Talker77

    Hello, how or where can I change the layout of the notification box? I would like e.g. Don’t center the text or change the frame color, maybe round off the corners …

    September 4, 2020 at 12:43 pm #1243292
    Rikard

    Hey Talker77,

    Could you post a link to where we can see the element in question and point out the changes you would like there please? If you have a screenshot or mockup highlighting your intentions then that would help too.

    Best regards,
    Rikard

    September 4, 2020 at 5:14 pm #1243425
    Talker77
    This reply has been marked as private.
    September 5, 2020 at 1:05 am #1243493
    Jordan Shannon

    Hi,

    Add this to quick css:

    #cookie-notice{
border-radius:20px!important;
}

.cookie-notice-container {
text-align:left!important;
}

    Best regards,
    Jordan Shannon

    September 6, 2020 at 1:19 pm #1243729
    Talker77

    Hello, I put this in, but there are no changes.

    September 7, 2020 at 11:59 am #1243943
    Nikko

    Hi Talker77,

    I checked on your site and it returns:

    Error 502 Bad Gateway

    please check.
    If no changes are taking effect, please try to flush out cache if you have any caching or optimization plugins.

    Best regards,
    Nikko

    September 7, 2020 at 12:47 pm #1243962
    Talker77
    This reply has been marked as private.
    September 7, 2020 at 1:12 pm #1243970
    Nikko

    Hi Talker77,

    Thanks it’s showing up now.
    I could see the effect of Jordan’s code in your site, here’s a screenshot https://imgur.com/GgPimsM
    Is there any modification you want to do with the notification box?

    Best regards,
    Nikko

    September 7, 2020 at 2:54 pm #1244000
    Talker77

    Hello,
    no, wie talking about this:

    #cookie-notice{
    border-radius:20px!important;
    }

    .cookie-notice-container {
    text-align:left!important;
    }

    The green box in the middle…

    September 7, 2020 at 2:59 pm #1244002
    Talker77
    This reply has been marked as private.
    September 8, 2020 at 3:43 am #1244128
    Nikko

    Hi Talker77,

    I see thanks for pointing it out, you can remove Jordan’s code since it is for the privacy notification box.
    Please add this CSS code in Quick CSS, located in Enfold > General Styling:

    #top .avia_message_box {
    border-radius: 8px;
    text-align: left;
}

    I will request for this options to be added in future versions.

    Best regards,
    Nikko

    September 8, 2020 at 9:44 am #1244224
    Talker77
    This reply has been marked as private.
    September 8, 2020 at 10:41 am #1244235
    Nikko

    Hi Talker77,

    It’s being set in the inner container, please try using this CSS code:

    #top .avia_message_box .avia_message_box_content {
    font-weight: normal;
}

    Best regards,
    Nikko

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