[Anthony]

I am trying to create full-width banners to break up my page content into parts, problem is I can’t seem to eliminate the left and right margins that are causing the banner to stop before it reaches the background. I’d like the banners to span the width of the entire white space shown in the screenshot.

The overall theme setting is Narrow & No Sidebar, while the page itself is designated No sidebar, Full width.

I’ve tried messing with margins and such, but all I have in my custom CSS right now is
.banner1 {background-color: rgba(255,0,0,.3);}

and then the page:

This page will contain basic contact info along with a contact form.
<div class="banner1">This is a banner</div>
Next set of content goes here
<div class="banner1">This is another banner</div>
Third set of content goes here

Thanks in advance for your help.

[Theme Horse Support Team]

Hi tking512,

To reduce the padding around the menu Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access a {
    height: 30px;
    padding: 0;
}
#access ul li ul {
    top: 32px;
}
.search-toggle {
    margin-top: 1px;
}
#search-box {
    top: 30px;
}

Thank you!

[Theme Horse Support Team]

Hi Lanai,

Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#site-logo {
margin-top: 5px;
}

Change this 5px to any px you want to adjust according to your design.
Thank you!

[Theme Horse Support Team]

Hi Chapline,

To entire top section of the page Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#main {
    padding-top: 30px;
}
#secondary {
    padding-bottom: 0;
}
.hgroup-wrap {
    padding-bottom: 0;
    padding-top: 0;
}
.hgroup-wrap img {
    margin-bottom: 0px;
    margin-top: 0px;
}

Thank you!

[Theme Horse Support Team]

Hi Marie-Louise,

Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#site-logo {
margin-top: 10px;
}

Thank you!

[Theme Horse Support Team]

Hi Simon,

Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

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

This may help you

Thank you!

[Theme Horse Support Team]

Hi Greg,

To reducing the white space above the main jpeg and the area just below the menu Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.home #main {
    padding-top: 0;
}
.home img.alignright {
    margin-bottom: 0;
}

Thank you!

[Theme Horse Support Team]

Hi vern.rowe,

Sorry for late reply.
Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#site-logo {
    float: none;
    margin-top: 0;
    padding: 20px 0 0;
    text-align: center;
}

[themehorse3]

Hi to move the whole block edit the class “featured-text”:

.featured-text {
position: absolute;
bottom: 55px;
right: 30px;
text-align: right;
color: #FFF;
}

To move the title edit “featured-title”, to move content edit “featured-content”.

.featured-title {
font: 24px/30px “Philosopher”,sans-serif;
padding: 10px 20px;
background: none repeat scroll 0% 0% rgba(5, 169, 197, 0.9);
float: right;
max-width: 525px;
}

featured-content {
padding: 20px;
background: none repeat scroll 0% 0% rgba(85, 85, 85, 0.9);
margin-top: 4px;
float: right;
clear: right;
max-width: 355px;
}

[Harriet]

Ok, here is my code, it works good enough…

@media only screen and (max-width: 1078px) {
.featured-title,
.featured-content {
font-size: 80%;
display: block;
padding: 0px;
margin: 0px;
position: relative;
top: 45px;
bottom: 0px;
}
}

@media only screen and (max-width: 767px) {
.featured-title,
.featured-content {
display: none;
}
}

[isabella]

Hi!
sorry, i’m not an expert, but probably i had the same problem,
so i resolved in this way:

Theme Options – Design Options – Custom Css – Enter your custom CSS styles:

#site-logo {
margin-top: 10px;
}

.hgroup-wrap {
padding-bottom: 0px;
padding-top: 0px;

hope that runs ok also for you!
Isabella
}

[Theme Horse Support Team]

hi Craig,

Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-wrap img {
  margin-top:20px;
}

Thank you!

[info23]

I did thanks! here in style.css

}
.page-title-wrap {
background-color: #ffffff;
border-top: 0px solid rgba(0, 0, 0, 0.1);
border-bottom: 0px solid rgba(0, 0, 0, 0.1);
padding: 0px 0;
margin-top: 0px;
}

Does this theme allow child themes? If I use the image slider is there a way to use my header banner on the other pages?

Thanks
Great Theme

[dnodmi]

Hi

I added the Tracker Snippet from Google Analytics under “Theme Options” / “Webmaster Tools” / “Analytics”

This is what shows up in the header before the closing head tag:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxxx-x', 'auto');
  ga('send', 'pageview');

</script><style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>

</head>

In Google Analytics on the other hand, no pageviews are registered.

Do you guys know, how to troubleshoot it?

Many thanks

[Theme Horse Support Team]

Hi Bru,

To change the appearance style of the promo box as you said Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.widget_promotional_bar {
    text-align: center;
}
.widget_promotional_bar .call-to-action {
    float: none;
    margin-top: 16px;
}
.widget_promotional_bar .promotional-text {
    float: none;
    width: 100%;
}

Thank you!