1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Edit blog page lay out

Discussion in 'Free Divi Community Forum' started by kleinjan, Jan 12, 2021 at 4:12 AM.

  1. kleinjan

    kleinjan New Member

    Hi all,

    I wonder if I can edit the blog page on my quartets website. Now, the blog messages cover the whole page, including the menu, background and header. I would like to start the blog page under the menu, header and to see the background, like every page on the website. How do I fix this? Thanks a lot for your effort!

    This is the link to the blog page: https://havelok.nl/berichten/

    Kind regards, Niek
     
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/
  2. Hey @kleinjan - Your menu text color is in white text that's why it's hidden.
     

    Attached Files:

  3. kleinjan

    kleinjan New Member

    Yes I know, but the first blog message is also behind the header and menu, and I want it to start under the header and menu. And also I cannot change the background (I want it to be transparant so that the marimba bars come out).
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  4. kleinjan

    kleinjan New Member

    Thanks for your reply! Yes I know, but the first blog message is also behind the header and menu, and I want it to start under the header and menu. And also I cannot change the background (I want it to be transparant so that the marimba bars come out).
     
  5. Add this css to your child theme:

    #main-content {
    background-color: transparent !important;
    }
     

    Attached Files:

    kleinjan likes this.
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  6. kleinjan

    kleinjan New Member

    It works, thanks a lot! It is now solved for the whole website right? Is it also possible, to do it only on the havelok.nl/berichten page? What do I need to change/add to the css?

    Can you also help me with this one? -> https://havelok.nl/events/weekly-on-mondays-2-2/. This is the event page, but it needs to start under the header and menu..
     
  7. For this https://havelok.nl/events/weekly-on-mondays-2-2 - just add this

    .mec-container {
    margin-top: 130px;
    }
     
    kleinjan likes this.
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  8. kleinjan

    kleinjan New Member

    and thanks a lot again!! Hero!

    do you also have something for this -> It works, thanks a lot! It is now solved for the whole website right? Is it also possible, to do it only on the havelok.nl/berichten page? What do I need to change/add to the css?
     
  9. I inspect the HTML of berichten page and there's nothing hiding behind the header or menu section.
     
    1. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/
  10. kleinjan

    kleinjan New Member

    okay thanks!!
     
  11. kleinjan

    kleinjan New Member

    just 1 one question: how do I get rid of the big white borders around the youtube video link? -> www.havelok.nl/berichten
     
    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  12. Go to the Divi Builder then click Section Settings popup and change the background color in there.