Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 9, 2024 at 5:49 pm #1461710
    DimitriM

    I have a specific career page on which I included a Tab Section.
    In every tab you have a jobdescription with a text box, button, etc.
    It also includes an Image in every tab.

    When I include the following CSS in the Quick CSS section, it displays a black bottom border.

    .page-id-29281 .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-bottom: 1px solid black !important;
    border-bottom-color: black !important;
    }

    The problem is that, regardless that I mention a specific page, it seems to display the black border also on other pages.

    Varnish is currently bypassed.
    WPRocket can be bypassed with adding ?nowprocket to the URL.
    https://docs.wp-rocket.me/article/1285-bypass-wp-rockets-caching-and-optimizations

    July 9, 2024 at 8:40 pm #1461721
    Rikard

    Hey DimitriM,

    This part of your CSS is not page specific:

    .avia_image, .av-image-caption-overlay

    If you want all the selectors to be page specific, then please use this code instead:

    .page-id-29281 .avia-image-container-inner, .page-id-29281 .avia_image, .page-id-29281 .av-image-caption-overlay {
  border-bottom: 1px solid black !important;
  border-bottom-color: black !important;
}

    Best regards,
    Rikard

    July 9, 2024 at 10:48 pm #1461728
    DimitriM

    Hi Rikard,
    Thanks for your swift answer.
    Verified and works now. Feel free to close this case.

    Cheers,
    Dimitri

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Page specific CSS setting applied to complete site’ is closed to new replies.