Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #526362

    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

    #526405

    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

    #526458

    Hi Elliott,

    Great, thank you!

    Best regards,
    Poirot

    #526465

    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 8 years, 5 months ago by Poirot.
    #526825

    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

    #527026

    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

    #528573

    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

    #529122

    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

    #529631

    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

    #529839

    Hi,

    Great, glad you found the problem :-)

    Thanks,
    Rikard

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