1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Powerful Child Theme.

To access this support forum, you need to purchase Divi Powerful Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Make Header Full-Width

Discussion in 'Basic Support Forum' started by Andrew George, Mar 16, 2020.

  1. Andrew George

    Andrew George New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I'm struggling to make my header fit the entire width of the page. Currently there is a 5px margin on either side that I can't seem to target properly with css. I've tried

    .et_pb_section_5.et_pb_section {

    padding-right: 0px;
    padding-left: 0px;
    background-color: #f7941d!important;
    }

    which works fine using Inspector on Chrome, but doesn't have any effect when publishing. I also tried:

    .free-du-plugin-header .et_pb_row.et_pb_row_5 {
    padding-right: 0px!important;
    padding-left: 0px!important;
    }

    and it doesn't work either.

    Website is: https://georgecriminallawyers.com.au

    Edit: bonus points - could you also help me change the colour of the free-blog-post-navigation previous and next content to #f7941d? My attempts to change that are also not working.

    Thank you!
     
    #1 Andrew George, Mar 16, 2020
    Last edited: Mar 16, 2020
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    You should be able to change the padding left & right in the Section Settings.

    Alternatively, use the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .free-du-plugin-header>.et_pb_section {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .free-blog-post-navigation-prev a, .free-blog-post-navigation-next a {
        color: #f7941d!important;
    }
     
  3. Andrew George

    Andrew George New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thanks so much, got it!
     
    1. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/