Space above and below page titles

5 posts from 3 voices

• Started 4 months ago by rsn8
• Latest reply from rsn8
• This topic is closed
• This topic is resolved

Tags:

• eunoia

1. 

   rsn8
   Member

   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:
   http://www.nemogould.com/portfolio-item/praying-mantis/
   Thanks

   Posted 4 months ago #
2. 

   Nick
   Moderator

   Hi,

   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;
   }

   Thanks,

   Nick

   Posted 4 months ago #
3. 

   rsn8
   Member

   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:
   http://www.nemogould.com/portfolio-item/detritus-ascending/
   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?

   Posted 4 months ago #
4. 

   Devin
   Moderator

   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;
   }

   Regards,

   Devin

   Posted 4 months ago #
5. 

   rsn8
   Member

   Nice. Thanks!

   Posted 4 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.