Docs

[brianwelsh]

http://www.xtremegleam.com

Areas I would like to control the padding for:

http://www.webmessage.co.uk/screendump.jpg

There is also a lump of space at he bottom of the content
I would like to control

Thanks
Brian

[Rue Nel]

Hello Brian,

Thanks for writing in! To control the padding in your site, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-container.max.width.offset {
  margin: 40px auto;
  width: 95%;
  max-width: 100%;
}

Feel free to change the width which is up to 100% or even set the margin.
Hope this helps. Please let us know how it goes.

[brianwelsh]

Hi,

Thanks for the reply. Is there a way so set up an email when someone replies to a question?

Thanks
Brian

[brianwelsh]

Hi,

That sorts out the body area nicely! Can we do anything abou the Topbar Content? I have it with an image in at he moment
but there is padding at the top and sides that I would like to adjust.

Thanks
Brian

[Christopher]

Hi there,

Please subscribe to this topic.

Please add this as well :

.x-topbar-inner.x-container.max.width {
    width: 100%;
    max-width: 100%;
}
.x-topbar .p-info {
    float: none;
}
.x-topbar-inner img {
    width: 100% !important;
}
p.p-info {
    margin: 0 !important;
}

Hope it helps.

[brianwelsh]

Hi, That worked in the main thanks! One slight problem is the padding at the bottom of the topbar. It means the navigation identifiers have white space above them. Any chance you could have a look please?

http://www.xtremegleam.com

Thanks
Brian

[brianwelsh]

Try again with an image upload of the problem

[Paul R]

Hi Rian,

To remove the space, you can add this under Custom > CSS in the Customizer.

.x-topbar {
    max-height: 277px;
}

Hope that helps

[brianwelsh]

You are a STAR!!!

[John Ezra]

You’re most welcome! 🙂

[brianwelsh]

Hi,

This is a new install of the same site. I have moved the site.

I am having a problem still with the padding underneath the contact bar. I have attached an screen dump and the custom CSS I have:

.x-logobar{
display:none;
}
.entry-wrap{
padding: 20px;
}
.x-navbar .x-nav .sub-menu a {
font-size: 15px;
}

body .x-logobar .x-container.width {
width: 100% !important;
}

.site .x-container.max.width.offset {
margin: 30px auto;
width: 90%;
max-width: 100%;
}
.x-topbar-inner.x-container.max.width {
width: 100%;
max-width: 100%;
}
.x-topbar .p-info {
float: none;
}
.x-topbar-inner img {
width: 100% !important;
}
p.p-info {
margin: 0 !important;
}
.x-topbar {
max-height: 279px;
}

*******************************************
Is there anyway I can be notified when there is an answer? [email protected]

Thanks
Brian

[Rupok]

Hi Brian,

Thanks for writing back. Your below code causing this issue :

.x-topbar .p-info {
  float: none;
}

Let’s remove this to get expected result. You can use this instead to get the image fullwidth:

.x-topbar .p-info {
  width: 100%;
}

And to get email notification, you can subscribe your post from the top – http://prntscr.com/b0fhtz

Hope this helps.

Cheers!

[brianwelsh]

Hi,

I seem to have removed the link indicators on the header!

Can you have a look please?

http://www.xtremegleam.com

Thanks
Brian

[Nabeel A]

Hi again,

Can you please try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-topbar {
    max-height: 262px !important;
}

Let us know how this goes!

[Author]

Posts