[JadeModerator]

Hi there,

You can set a custom ID name to the section that you want to target specifically by adding a value to the section’s ID field. Then you can reference it by:

.page #the-id {

}

Hope this makes sense.

[Nico ColluParticipant]

Hey Jade!

That was mentioned by one of your colleagues. Thing is, I wanted to see if there is a set & forget option!

I’m guessing there isn’t then?

If so, I’ll have to follow that suggestion! 🙂

[JadeModerator]

Hi Nico,

Cornerstone would give every section a default ID if you don’t specify one. The only issue is that in adding CSS those sections with the same default IDs throughout the pages of the site will be affect so setting a specific ID to a section in a page would be ideal in this situation.

Hope this makes sense.

[JadeModerator]

Hi Nico,

Cornerstone would give every section a default ID if you don’t specify one. The only issue is that in adding CSS those sections with the same default IDs throughout the pages of the site will be affect so setting a specific ID to a section in a page would be ideal in this situation.

Hope this makes sense.

[Nico ColluParticipant]

Hey Jade!

Yes, I’ve understood and can see that. I was wondering if I am missing an ID or class that is different from pages/posts so that I can set & forget a CSS style in my Child Theme without having to manually re-ID every page that needs the adjustment.

[Paul RModerator]

Hi Nico,

You can use these classes

Page – .page
Posts – .single-post
Category Archives – .archive.category
Home page – .home

Hope that helps.

[Nico ColluParticipant]

Hey Paul!

Wow, I can’t believe I didn’t think of that… Thanks!

Now I’ve run into another predicament.
This is the fact that the mobile menu won’t let the background be visible behind the menu. Seems like overflow problems but when I make the overflow visible, it changes the size of the image…

Please see images.

[RadModerator]

Hi there,

It looks okay on my end but stretched. Would you mind providing a mockup design of how it should be? I’m not getting the spacing issue similar to your last 2 screenshots.

Thanks!

[Nico ColluParticipant]

Hey Rad!

It’s hard as I can’t css it.

Basically, take the last image from my last post where the BG Image is behind the NavBar in Mobile Menu. Now, that concept should be fullwidth BG Image, not cropped as it is.

You can see a bit of the CSS’ing I am playing with in the screenshot as well. Playing with the same buttons, you don’t get the same reactions?

In any moment, are you able to achieve what I am looking for with changing CSS yourself?

[RadModerator]

Hi there,

I can’t replicate the last image on my end. And looks like it happens when you’re logged in? The only difference I can see is the admin bar.

Would you mind providing your admin login credentials in private reply?

Thanks!

[Nico ColluParticipant]

Hey Rad!

I had a feeling that that could be it but it happens without being logged in, too.
I’m almost positive that it has something to do with my logo as you can see in the 2 attached images.

When the top margin is raised just where the logo is, it floats to the right of the logo as if the logo has float:left on it.

Can you see?

[RadModerator]

Hi there,

Can’t replicated it on my view. It’s all okay on my end, except the mobile menu is not there. Please add this CSS

.page .x-main .hentry .entry-featured, .single-post .x-main .hentry .entry-featured {
    clear: both !important;
    width: 100% !important;
}

This will make sure the featured section appear stacked together with navigation.

Thanks!

[Author]

Posts