Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1319238
    Mitica
    Participant

    Hello team!

    I want to add a transparent background to the following sections of my blog index page, see attachment. However, since it is a blog index page, I cannot achieve this in cornerstone.

    I have not found any suitable code on the forum to achieve it either, could you please help me out? So I want the list of blog posts to have an opaque green background, so the background of the site still shines through, see my other pages to view the desired effect.

    Thank you!

    #1319243
    Mitica
    Participant

    Sorry, forgot to add the link: test.tierramitica.com

    #1319446
    Jade
    Moderator

    Hi there,

    I can’t seem to find the page that does not have the transparent green background.

    Would you mind providing the direct link to the page you’re working on?

    #1320197
    Mitica
    Participant

    Hello jade,

    This is the link, it is my blog index page:

    #1320264
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .blog .x-main .hentry, 
    .search .x-main .hentry, 
    .archive .x-main .hentry {
        background-color: rgba(255, 255, 255, 0.75);
        padding-top: 0;
        border: none;
    }
    
    .blog .x-main .hentry h2.entry-title, 
    .search .x-main .hentry h2.entry-title, 
    .archive .x-main .hentry h2.entry-title {
        margin-top: 10px;
    }

    Hope it helps 🙂

    #1324541
    Mitica
    Participant

    Thai, thank you so much, that is breathtakingly beautiful! A big hug!

    #1324562
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1319238 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>