[Resolved] logo appears in the middle but only for two pages using views to show products

[Author]

Posts

[veronicaG-2]

I am trying to: move the logo to the far left like the other pages on the site

Link to a page where the issue can be seen: problem pages are: hidden link and hidden link

I expected to see: I am also using toolset for the layout on hidden link I would like the logo to appear at the far left for all

Instead, I got: logo in middle over menu items

[Nigel]

Hi Veronica

It seems like on the problem pages you are adding custom CSS which is very broad, applying text-align: center to *all* divs.

You need to be more specific with your CSS selectors. I'm not sure what you are targeting, but that's the issue.

[veronicaG-2]

I was targeting the product image, title, time and cost... before the products were aligning weirdly and support said I need to use that to make them align center. Is there something else I should be using?

[Nigel]

The problem with the CSS you added is that it applies to every div on the page.

You need to be more specific with the CSS to target only the things you need to.

If you had another section in particular that required centering you might add a class to the containing div (or use an existing class) and specifically apply centering to that div, e.g.

<div class="centered">
    Some content
</div>

... could be targeted with the CSS

.centered {
    text-align: center;
}