[Theme Horse Support Team]

Hi Martin,

Crop your logo and upload.
Seems that you are using more white space in your logo which takes large width size.

Thank you!

[Theme Horse Support Team]

Hi Edinahofer,

To make the logo close with the image slider on the left side and so also the menu and also to remove the white space Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-wrap .container {
    max-width: 98%;
}
.search-toggle {
    margin-top: 29px;
}
#search-box {
    top: 70px;
}
#access a {
    height: 41px;
    padding: 19px 0 0;
}
#site-logo {
    margin-top: 4px;
}
.search-toggle {
    margin-top: 19px;
}
#access ul li ul {
    top: 60px;
}

Thank you!

[edinahofer]

Hi,

thank you for your reply.

But is it possible that the logo close with the image slider on the left side and so also teh menu on the right side.

There is on the left and right side a white space. It is possible to remove this white space from the left side of logo and the right side of the menu bar. I use the Interface Pro.

Thank you,

[info110]

That worked thanks.

Can you help me with the following.

I can’t figured out how to set an image as the slider. I have been through the instructions and settings, but I do not see how to define which image or images are for the slider.

How do I use a logo image in place of the site title in the menu section?
Also, can I reduce the amount of space above and below them?

How do I change font size of the services titles and descriptions?

I want to add text between the slider and services section and I also want to add an optin form above the footer.

If I upgrade to pro will that help with any of the above?

By upgrading I will be able to edit footer and change the color of the page title backgrounds? Currently the page titles sit in a green bar and green doesn’t work for me.
Also, I want to set all text to 000000, you seem to use a slightly lighter version.

If I have an issue with contact form 7, I assume I need to contact them regarding it?
I want to modify the appearance, on a white page the forms is very faint looking.

I will be happy to provide review when finished. You guys provide a great product and service.

[ben1]

I’m sure you have and I’m not disputing that fact. I simply posted the issue I encountered and how I fixed it so that if someone else runs into the same issue they can try my solution.

The problem is commonly known as the whitescreen of death (http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/) and after reading the excerpt below I checked the \inc\structure\footer-extensions.php file (because it was the only modified file) and found it had excess space at the bottom. After I removed it I didn’t have the whitescreen problem anymore.

…you should look at your theme’s functions.php file. If there are extra spaces at the bottom, then you should consider fixing it.

[pat]

Hi,
i would like to have two lines in the featured text – I tried something like
.featured-text {
display: block; or do i have to use white space tag?
white-space: normal;
}

Thanks

[kenosiscenter]

I have created a slider for my home page and also a slogan bar above the slider.
How do I push up my slider up so that it touches the slogan bar as it is like in your live demo (Interface pro) . I do not want the white space in between.
I have used ‘auto responsive’ and the default ‘grid size’ in the revolution slider.

see http://www.kenosis.org.my/

[Jeff]

How can I make my header smaller to match that of the Attitude Pro display? There’s currently too much white space.
http://www.sunsetmedspa.com

Thank you!

[Theme Horse Support Team]

Hi Paulien,

To reduce the white space in the header Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-wrap {
    padding-bottom: 21px;
}
#site-logo {
    margin-top: 12px;
}
.hgroup-right {
    margin-top: 18px;
}

And sorry you can not place the menu above the header by easy way because it’s a new feature to be add in the theme.
You have to hire a developer for this.

Thank you for using our theme.

[Paulien]

I would like to place a logo in the white space above the header, but I want to keep this white space as low as possible. How do I manage that?
Another question is about the menu; is is possible to place the menu above the header?

[Theme Horse Support Team]

Hi kimpatt,

To have the more white space above and below the menu paste below code in the custom css:

.hgroup-wrap {
    padding-top: 25px;
    padding-bottom: 75px;
}
#access {
    margin-bottom: 70px;
}

And to make the font larger for the menu paste below code in the custom css:

#access a {
    font-size: 26px;
}

Thank you !

[kimpatt]

Hello there,

I’m trying to adjust the spacing above and below my menu. I’d like to also make the font larger. This is what I was trying to do — you’ll see why it doesn’t look very nice.

How do I get more white space above and below the words and make sure that they’re centered vertically?

Here is the code I currently have in my Custom CSS:

#content ol a {
color: #343284;
}

#content ol a:hover {
color: #595959;
text-decoration: none;
}

/* unvisited link */
a:link {
color: #333280;
}

/* visited link */
a:visited {
color: #333280;
}

/* mouse over link */
a:hover {
color: #595959;
}

/* selected link */
a:active {
color: #333280;
}

#access li {
margin-right: 65px;
}

#access ul li ul li {
margin-right: 0px;
}

[Theme Horse Support Team]

Hi Elena,

We have researched about it and found CSS code to fix it.
Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

pre {
    white-space: pre-wrap;
}

Thank you!

[ciaranhyde]

HI

I am also having a problem with the header. I have a custom header which is the required height (250px) when I uploaded it there was a large white space at the top (above the header) so I used this code to remove padding:

#site-logo {
margin-top: 0px;
}
.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}

However, while this did reduce the size of the white space at the top it did not eliminate it totally and so I now still have white space at the top? Is there another fix for this? Please see http://www.fionabrennanhypnotherapy.com

[Ewald]

Hi,

when you look at the startpage
I added those two things to the custom.css

.wrapper {
 background-color: transparent;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#main {
  padding: 20px 30px 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #ffffff;
}

With the padding, I minimized the white space in the #main div at the top and bottom AND pushed the div to the left and right, so the width is the same as the header and footer. But when you minimize the window to get the mobile version, the #main div exceeds the width on the right side. I don’t know if padding is the proper way to do this, it worked for the “normal” view, so I used it temporary.

Thanks