Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 28, 2016 at 5:45 pm #705371
    ducani

    Hello,

    I am in the process of editing layout.css so that posts on the entry page with no sidebar w/ a large image look a bit different. I was able to change some aspects already, but I’ve run into a wall. I would like to accomplish two things: Remove the gap of white space between the header image and the menu, and increase the width of this blog entry (in private content field).

    I found this code and tried to increase the max-width from 600px to 800px in the 2nd line but nothing happened:

    #top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:15px; line-height: 25px; max-width: 800px; margin:0 auto; overflow: visible; }
#top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 600px; margin-left:auto; margin-right:auto; }

    Additionally I am not sure why there is a gap between the image and the menu, though it’s possible the previous employee made the change some place I cannot locate.

    Thank you for any guidance you can provide me.

    November 1, 2016 at 2:51 pm #706731
    Andy

    Hey ducani,

    use this code inside Quick CSS field:

    main.content.units.av-content-full.alpha {
margin-top: -50px;
}

    and adjust as needed.

    Best regards,
    Andy

    November 3, 2016 at 2:32 pm #707735
    ducani

    Thank you, that worked!

    Edit: While it fixed the issue, it created a new issue – the -50px moves the headline in the mobile view, rendering it partially hidden/unreadable. Should I put the code in a specific place in my quick CSS? There’s already code for certain @media segments.

    • This reply was modified 8 years ago by ducani.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS changes to blog entry – large image no sidebar’ is closed to new replies.