[Tamara]

Thank you very much.
Is there also a code I could use on my blog page to reduce the white space above the title? I used the plug-in: Blog Designer, that’s why the margin changed. I would like to have the same margin as my other pages.

[Theme Horse Support Team]

Hi Tamara,

To reduce the white space in the left and right side on the homepage go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

.home #main.container {
    max-width: 100%;
}

Thank you!

[Tamara]

Hello,

Thanks for your quick reply. I removed the first code and I added the second code, but after that all my titles shows up twice on every page (on the light grey bar (under the menu) and also under the grey bar).
Now I downloaded a plugin for my blog page. It looks fine now. But can I add a code to reduce the white space above the title? I would like to have the same margin as my other pages.

I also have a question about the white space in the left and right side on the homepage. My Instagram Feed has more white space then the featured images. Can I change this (same as the featured images)?

Thanks and regards,

Tamara

[Robert]

Hello,

I am currently using Interface PRO and recently updated the logo on my site. After doing so, there is too much space above the logo and below the menu. How can I reduce the white space with the menu (moved down) to be centered vertically and justified right horizontally, in line with the logo? It may be easier to view the site to understand what I mean: https://baskervillelaw.com

Thank you!

[Jude]

I have premium Attitude on another website, but this site I’m doing is the free Attitude. How do I remove the white space above the Header image? I have tried below there is still a thin white line at top (http://MarketingYourArt.info):
#access {
margin-bottom: 0px;
}
.breadcrumb {
margin-bottom: 0;
}

[Theme Horse Support Team]

Hi WorldCatholicFaith,
Just visited to your site and you are using 3 lines of title on first image. So there is a blank space on the third image. Could you please make the same line of title to fit that image on white space.
Thank you!

[jennifer]

Hi All,
OK, so I took a break from this last night and started fresh on it today. While reading through the forum, I was able to find a post about reducing the white space on all other pages but not home page. I took that code and added it to the custom css, but altered the home page info to zero as well. Now it looks on the PC as I would like it to… so, no need for a response from Themehorse here, just wanted to let you know I got it sorted. Remember, if you use custom CSS, save it in a notepad or something–new theme updates will obliterate the layout.
For anyone interested, this is what I added:

.home #content {
padding: 0px 0 0px;
}
#content {
padding: 0;
}

[jennifer]

Hi ThemeHorse,
I’ve just upgraded to AmbitionPro, and and working my way through it. I have scrolled through some of your Forum trying to get a way to reduce the white space that exists below the logo/nav bar and above a static image on my static home page. The white space is too large when rendering on PC (http://www.BestPsychicFair.com) –but it is even more dramatic on Android rendering. I have tried putting in Custom CSS based on other posts/replies, but I just can’t seem to solve the mystery. Please help! Thank you 🙂
Jennifer

Here is a post with a screen capture from the Android—http://bestpsychicfair.com/265-2/

[Theme Horse Support Team]

Hi Jimzook,

To hide the page title and to reduce the white space of the main content go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and click on save button:

#main {
    padding-top: 10px;
}
.page-title-wrap {
    display: none;
}

Thank you!

[jimzook]

Thanks for you quick response…my site is at Why Nutrition Works

I want to remove this white space. This is a one page site and I do not need to display additional page titles.

Thx

[Theme Horse Support Team]

Hi Rawbean,

To reduce the white space between the logo and the menu and page title bar go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

#access a {
    padding-top: 10px;
    height: 30px;
}
.page-title-wrap {
    padding: 10px 0;
}

And to add the link a map from the address it needs code customization you need to hire a developer as this is a new feature to add in the theme.

Thank you!

[rawbean.wood]

I’d like to move the menu up the page more so there isn’t as much white space between the logo and the menu. How do I do this?
http://sarahseuropeanskincare.com/wp2/

Also, I’d like the bar identifying what page I’m in to be narrower. Is there a way to do that?
http://sarahseuropeanskincare.com/wp2/?page_id=10

Is there a way to include a link a map from the address in the contact header/footer?

[Sam]

I’m currently using sliders across the top of each of my pages to create banners. I like the look of full width and I feel that gives it a slightly more professional feel.
I would like to add a sidebar to my pages for filling in some additional content and removing some of the white space. The issue is that the sliders go over top of the sidebars. Is there a way to have the sidebars start below the sliders or am I relegated to using just columns on my site to create a similar effect?

[Theme Horse Support Team]

Hi Jim,

To shortened the post/page title in slider go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

.featured-text .featured-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Thank you for using our theme.

[k123]

Hi,

I have a simple site created using Interface. The homepage and all of the subsequent pages have a black footer at the bottom of the page. However, on my homepage, the footer is not locked to the bottom of the screen, so there’s a black stripe with the footer information (copyright, theme, wordpress info) followed by more white space before the bottom of the screen. I want the black footer to automatically position at the bottom of the page so this doesn’t occur. The black footer is locked to the bottom of the page on all of the child pages and also when viewing the homepage on mobile. Any advice on how to lock the footer to bottom of the page when viewing on computer?