ES grid column on specific page

I’ve checked the CSS, and checked the layout of the header, and the header assignments, and I can’t seemto find out why on one specific page (that I can see) the bar is column instead of row.

the site: https://loveisasmallword.com <= (what it should behave like)
the page w/ the issue: https://loveisasmallword.com/about/

Please advise. Thanks!

Hi,

To fix it, you can add the code below in Theme Options > CSS

.flat-light .esg-filterbutton, .flat-light .esg-navigationbutton, .flat-light .esg-sortbutton, .flat-light .esg-cartbutton {
    color: #000;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 1px 30px;
    border: none;
    line-height: 38px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    background: #fff;
    margin-bottom: 5px;
}

Hope that helps

Why is my styling not affecting that page? I have it set the way I want on the other pages, so I’m curious as to what class or selector is preventing my styling from having an effect?

Hi @jrhager84,

That is because you added that custom CSS specifically on one of your homepage’s Content Area Element CSS area. That will not carry to other pages unless you save and use that Content Area element as a preset/template and loaded it on another page.

If you need that CSS to be a Global, please add it on Theme Options > CSS

Cheers!

The essential grid stuff is (or at least should be) on the theme options CSS. Can you point me to which custom css you are referring to?

Hi,

Yes, I’m referring to this:



It’s the same custom CSS Paul showed above.

That custom CSS resides specifically inside the Content Area element on your homepage, so its either being added on the Element CSS or it’s on this Grid itself, neither is present on your about page, so the menu on the about page does not get your styling.

While if you add that custom CSS to Theme Options > CSS, it will be applied site-wide.

Hope this shed some lights,
Thanks,

That’s weird. All of the edits I made were either on the grid itself (which is present as the same shortcode on each page) or in the Theme Options menu to get site-wide scope. I’ll just add that code and trace it later. Thanks for the heads up!

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.