1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Make single post full width.

Discussion in 'Free Divi Community Forum' started by Potato_Ninja, Nov 14, 2018.

  1. Potato_Ninja

    Potato_Ninja New Member

    I would like only one of my posts in full width (in specific this one ). I could remove sidebar but can't make it full width. I can make pages full width but I can't make posts full width. Please refer to images inserted. I don't have that page attributes in posts, I have checked in screen options.
    According to this Video by Elegant themes, full width can be done through extra settings. But as you can see from the snapshot I don't have the full-width option.
    I would like a solution for this. Thanks in advance.
    Capture.JPG page options.JPG ​
     
    #1 Potato_Ninja, Nov 14, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    The video that you shared is for Divi. I never use Extra before, so can't comment much on the settings.

    But you can try this custom CSS & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Nov 14, 2018
    Potato_Ninja likes this.
  3. Potato_Ninja

    Potato_Ninja New Member

    css.JPG
    Is that where I should be pasting the CSS code? I am having a bunch of errors.
     
    #3 Potato_Ninja, Nov 14, 2018
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    No. You should insert the CSS at: Theme Options -> Custom CSS.
     
    #4 Divi.Help, Nov 14, 2018
    Potato_Ninja likes this.
  5. Potato_Ninja

    Potato_Ninja New Member

    Even there I am getting a bunch of errors. And as I said before, I just want the Full width in only one post.
    Custom Css.JPG
     
    #5 Potato_Ninja, Nov 15, 2018
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    My bad. There is some mistake in the CSS that I posted earlier.

    And yes, you should post the below CSS in the area that you shown earlier (in the Post Settings):
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help, Nov 15, 2018
    Potato_Ninja likes this.
  7. Potato_Ninja

    Potato_Ninja New Member

    Thanks, That worked. :)
     
    #7 Potato_Ninja, Nov 15, 2018
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  8. Divi Divi

    Divi Divi New Member

    I am trying to do this myself I need some specific posts to be fullwidth but not all of them. I cant find the window illustrated in this picture anywhere on my etxra theme divi to post the code in where would I find this pop up of advanced post settings to include the code?
     
    #8 Divi Divi, Mar 25, 2019
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe you can only add the CSS to specific post if you're using Divi Builder to build the post.

    Even though I haven't used Extra before, but I believe the settings is similar to Divi. See screenshot below on how to access the specific post settings (when you're editing the post in Divi Builder):
    upload_2019-3-25_23-45-33.png

    After accessing the post settings, go to Advanced > Custom CSS to paste the CSS.
     
    #9 Divi.Help, Mar 25, 2019
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  10. Divi Divi

    Divi Divi New Member


    Thank you so much I have found the tab now. However, when i paste in the post it does remove the padding at the top of the post but does not make it full width? Any Ideas on why the code may not be working on mine :(
     
    #10 Divi Divi, Mar 25, 2019
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #11 Divi.Help, Mar 25, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  12. Divi Divi

    Divi Divi New Member

    #12 Divi Divi, Mar 25, 2019
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    #13 Divi.Help, Mar 25, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  14. Divi Divi

    Divi Divi New Member

    That's GREAT!!! Thank you so much :) :) It has worked!
     
    #14 Divi Divi, Mar 25, 2019
(You must log in or sign up to post here.)