Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #18956

    Hello. Can anyone tell me if there is a way to adjust the padding above and below page and portfolio titles in Eunoia? I’d basically like to pull the main content higher on the page. I find that when viewing on lower resolution screens too much scrolling is required.

    Here is a random page example:





    Wow that praying mantis is mad cool! I want that lol!

    You can target specific screen sizes to change every item on any page as long as you know approximate screen sizes to target. But looking at your site, I think all sizes can use a bit of a trim. Please add the code below to Quick CSS or to your custom.css file. You can play with the two non zero numbers to position it better on top, and the last 20px is for below the image which was also a bit big (40px) before..

    #main {
    margin-top: 20px;
    #top .title_container {
    margin: 0px 0px 0px 0px;
    #top .title_container .container {
    padding: 0px 0px 0px 0px;
    #top .padding-container {
    padding-top: 20px;
    padding-bottom: 20px;




    Great! Thats exactly what I was trying to achieve (and glad you like my work by the way!).

    One detail is still a little weird. In the case of this page:


    The lower case “g” in the title gets the bottom cut off, and this is with the padding adjusted up to 80px. I prefer the look with the padding at 20 as you suggested. Any thoughts?


    Hi rsn8,

    The line height is a bit small it seems for the low hanging g. You can fix it by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .main_color.title_container .main-title {
    line-height: 1.3em;




    Nice. Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Space above and below page titles’ is closed to new replies.