Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #852815

    sandra.i
    Participant

    Hi

    I’d like to format the single post page in Renew:

    1. remove the border around the image

    2. have the image full width of the box model

    3. have 60px padding around the post copy

    I used this CSS which works to fix those issues however it also changes the format of the blog masonry posts page – could you help me tweak it so it only affects the single post page?

    Here is what I’ve been using:

    /*single post page :image size*/
    .single .x-main {
    width: 100% !important;
    }

    /*single post page :image padding and border*/
    .single-post .entry-featured {
    border: none;
    padding: 0;
    margin: 0 auto;
    }

    /*single post page :no margin*/
    .blog .site > .x-container.max.width.offset, .single-post .site > .x-container.max.width.offset {
    max-width: 100%;
    width: 100%;
    }

    /*single post page :text area*/
    .single .entry-content {
    margin: 60px;
    }

    /*single post page :comment area*/
    .x-comments-area {
    margin: 3.5em 3.5em 3.5em;
    }

    #853032

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! You need to update your code and make use of this code instead:

    /*single post page :image size*/
    .single-post .x-main {
      width: 100% !important;
    }
    
    /*single post page :image padding and border*/
    .single-post .entry-featured {
      border: none;
      padding: 0;
      margin: 0 auto;
    }
    
    /*single post page :no margin*/
    .single-post .site > .x-container.max.width.offset {
      max-width: 100%;
      width: 100%;
    }
    
    /*single post page :text area*/
    .single-post .entry-content {
      margin: 60px;
    }
    
    /*single post page :comment area*/
    .x-comments-area {
      margin: 3.5em 3.5em 3.5em;
    }

    Please let us know if this works out for you.

    #853217

    sandra.i
    Participant
    This reply has been marked as private.
    #853276

    Rue Nel
    Moderator

    Hello There,

    Please edit your slider revolution because you have added the margin in the settings. Please go to Slider Settings > Layout & Visual > Position;

    If you need anything else, please let us know.

    #853312

    sandra.i
    Participant
    This reply has been marked as private.
    #853323

    Rue Nel
    Moderator

    No problem.
    If you need anything else we can help you with, don’t hesitate to open another thread.