Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 12, 2016 at 3:34 am #698137
    EricMarks

    Hello, I love using Enfold for my photography blog. However, I would love to create a dual side bar effect using the layout editor, but it takes up too much space since there is a permanent white space on the left and right sides of my content on every page of my website. Right now, I only have one sidebar because I don’t like the white space. Is there anyway you could provide some CSS so that the space is removed and the content will hug the sides of the web browser window?

    Thanks for your time!

    -E

    October 12, 2016 at 3:30 pm #698343
    Yigit

    Hey EricMarks,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .container {
    padding: 0;
}

    If that does not help, please post a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    October 27, 2016 at 2:24 am #704629
    EricMarks

    Hi Yigit,

    That worked for the most part. How do I apply this to only certain pages instead of the whole site? Also, I am having the same issue on mobile where when I am viewing my site on an iphone, there is too much white space to the left and right of the website. Can you help with that as well? Thanks so much!

    Eric

    October 27, 2016 at 2:13 pm #704832
    Yigit

    Hi,

    You can add page ID’s into the code as following to apply it on certain pages

    .page-id-59 .container, .page-id-95 .container {
    padding: 0;
}

    Can you please elaborate on the changes you would like to make on mobile? If you would like to increase container width, please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container { 
    width: 95%;
    max-width: 95%;
}}

    Best regards,
    Yigit

    October 28, 2016 at 12:08 am #705076
    EricMarks

    Hi Yigit,

    Thanks! That worked with the Page IDs. As for the CSS you provided for mobile. It did work and remove the white space on each side of the screen, but the only thing it messed up are the comments. All of the comments on my posts and pages are cut off on the right side of the page. Anyway to fix this?

    Thanks!

    October 28, 2016 at 2:13 am #705098
    Yigit

    Hi!

    I cannot reproduce the issue. Can you please post a screenshot and show the issue? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    October 28, 2016 at 4:39 am #705132
    EricMarks

    Hi,

    You will see the issue if you visit my “About” page because the comments have a lot of text. You probably couldnt replicate the issue before because the comments you were looking at were too short to run off the page. Visit THIS LINK on a mobile device and you will see. Thanks! http://findingmiddleearth.com/about/

    November 1, 2016 at 6:13 am #706552
    Ismael

    Hi,

    Add a padding to the right edge of the comment container.

    @media only screen and (max-width: 767px) {
    #top .comment_text {
       padding-right: 20px;
   }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.