Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 28, 2015 at 7:31 pm #526362
    Poirot

    Hi!

    I’m trying to reduce the whitespace on both sides of the vertical line that separates page/posts from the sidebar. I’ve searched the forum, but haven’t found a solution. Any idea?

    Best regards,
    Poirot

    October 28, 2015 at 9:25 pm #526405
    Elliott

    Hi Poirot!

    Add this to your custom CSS.

    .inner_sidebar { margin-left: 10px !important; }
.content .entry-content-wrapper { padding-right: 10px !important; }

    Or if your just trying to give your sidebar more space then you can set it’s width in Dashboard > Enfold > General Layout > Dimensions.

    Best regards,
    Elliott

    October 28, 2015 at 11:50 pm #526458
    Poirot

    Hi Elliott,

    Great, thank you!

    Best regards,
    Poirot

    October 29, 2015 at 12:16 am #526465
    Poirot

    Hi Elliott!

    I just noticed that, while it’s working on the homepage, the whitespace is still there when a blog post is opened. I tried adding a line for “.template-blog .post” but that’s not working. Any idea?

    Edit 1: After some trial&error, I solved it with : “.big-preview.single-big {padding: 0 20px 10px 0;}”

    Edit 2: Desktop version is fine, but there are a few errors in my mobile version. On the homepage some titles are cut off, and some text is overlapping. Any idea?

    Best regards
    Poirot

    • This reply was modified 9 years, 1 month ago by Poirot.
    October 29, 2015 at 3:13 pm #526825
    Ismael

    Hey!

    Thank you for the update.

    You can decrease the font size of the title on smaller screens:

    @media only screen and (max-width: 767px) {
.content .entry-content-wrapper {
    padding-right: 0 !important;
}

h3.slide-entry-title.entry-title {
    font-size: 14px;
    line-height: 1.5em;
}
}

    Best regards,
    Ismael

    October 29, 2015 at 5:41 pm #527026
    Poirot

    Hi Ismael,

    Thank you for your help. The code doesn’t seem to work the way I need it. It also affects the font size of the desktop version, and on mobile there is still too much whitespace on the right side of the blog posts (in other words: the post are not aligned on the screen).

    Best regards
    Poirot

    November 2, 2015 at 4:15 pm #528573
    Andy

    Hey!

    I checked the website you have provided and it looks fine to me on mobile. Ismael’s code will only effect devices with a maximum screen size of 767px. Don’t forget to clear browser cache and hard refresh afterwards.

    Best regards,
    Andy

    November 3, 2015 at 12:15 pm #529122
    Poirot

    Hi Andy!

    Still, on my iPhone, blog titles are cut off on the right side of the screen (see screenshot). Presumably due to the change in margin/padding, discussed above. As this matter is overlapping with a question Josue is dealing with, I will post the result here later.

    Best regards,
    Poirot

    November 3, 2015 at 10:01 pm #529631
    Poirot

    Hi!

    The issue is solved. Both codes had an “!important”, which forced the mobile version to keep the whitespace I wanted to remove. You can close the thread. Thank you!

    Best regards
    Poirot

    November 4, 2015 at 10:16 am #529839
    Rikard

    Hi,

    Great, glad you found the problem :-)

    Thanks,
    Rikard

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