Design help

[mikefrisbee]

Is there any way to make the grey bar at the top of my home page (http://mrsfrisbeesallnaturals.com – where it says Home) slightly narrower and also lose some of the space between that grey bar and the banner image?

I think that may be part of the theme that you can’t change.

Could it be changed with the CSS?

I also want to make the logo bigger. I’ve tried Theme Options, Logo Options, then playing around with the Logo Max Height, but that doesn’t seem to work. I want it about 30% bigger.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

.page-heading {
  padding-bottom: 15px;
  padding-top: 15px;
}

You can remove the page title if you wish, in the page meta options

2) Also in the page meta options, there is an option to ‘remove top spacing’ you need to enable that

3) Add this to your custom css:

@media only screen and (min-width: 1025px) { 
#header .col-sm-4.logo-left.has-img {
  width: 50%;
}
.header-right.col-sm-8 {
  width: 50%;
}
}

– Kyle

[mikefrisbee]

Great, Kyle – thanks.

I’ll try that later, but will leave the topic open in case I have any more questions.

[mikefrisbee]

Whereabouts is the page meta options?

I’ve navigated to Theme Options/Default Meta Options, but can’t see anything in there.

[Kyle – SUPPORT]

No, in the page meta options, when your editing the page, it’s below the content area

– Kyle

[mikefrisbee]

Brilliant, Kyle – thanks once again.

Excellent service! You should do this for a living. 😉

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[mikefrisbee]

How could I make the blue bar (shown on the attached image) less deep?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

#base-promo, .sf-promo-bar {
  padding: 70px 10%;
}

You can adjust the 70px value

– Kyle

[David Martin – Support]

Hi,

You would need to use some CSS:

.sf-promo-bar {
    padding: 50px 10%;
}

You can use your Chrome of Firefox web inspector to view what CSS is being applied to what elements on the page.

Cheers,
David.

[mikefrisbee]

Great – thanks, guys.

[David Martin – Support]

No problem.