Headline Link Issue

Hi there,

you have this CSS on your site:

a[href *='amazon'] {
    display: block;
    text-align: center;
}

Which is causing the layout issue.

That code would have been added for another purpose, can i see a page where its being used for good reason ?

Thanks for the quick response, ah yes this was being used to center affiliate amazon images that are input using the custom HTML function in Generateblocks. When i add the custom HTML, (i have left example of amazon HTML below) the image doesn't align in the center. I didnt know a quick or better way of aligning the HTML images. This custom HTML is added on the same page as i sent previously for the images you see in the 3 columns just under the Picks section i noted earlier.

For future reference the GB Container Block has its own Text Align options in its toolbar.
You can use that to align all of the content inside it.

For now you can try replacing:

a[href*="amazon"] {
    display: block;
    text-align: center;
}

with:

figure > a[href*="amazon"],
div > a[href*="amazon"] {
    display: block;
    text-align: center;
}

It will only apply to links directly inside a container or a figure

Great thanks for your help David

You're welcome