[Resolved] Html CSS help

[silver]

I changed them to 0s but no luck unfortunately David. Have to admit this is a strange one..even the paw prints lower down the page are crystal clear and remain the same even when changing the size of the window, but the ones in the column change.

[David]

You can try replacing the last CSS rule ie .flex-grid ul with this code.

.flex-grid ul {
	list-style: none;
}

.flex-grid li:before {
	content: url('my-imagemurl.jpg');
	margin-right: 7px;
}

[silver]

Worked perfectly David, the images are now perfectly crystal clear and I tested the windows size changes and they remained sharp with no blurriness. I’m very critical I know and most probably wouldn’t have even noticed it BUT these little things add up, the ‘attention to detail’ can sometimes make that difference 🙂

Thank you David, I get so happy with these little steps towards the website being completed 🙂

[David]

Glad we found a solution.

[silver]

Hey David,

Just re-opening this to ask how I could go about using this on other pages.

I copied and pasted it onto another page (the introduction page directly under the articles in nav bar…don’t want to name them publicly) and as you can see the structure is perfect except the paws are not showing. I ‘ve looked at the code and can’t think for the life of me what I’m missing.

Your help as always would be much appreciated.

I can send the pass again if need be 🙂

[David]

Hi, you need to express the full site URL to the image in the CSS

[silver]

Simple but perfect fix lol

Thank you David!

[David]

You’re welcome

[silver]

David, it broke again so opening this up again (sorry) lol

I think it’s because of Gutenberg..Leo helped me with another issue that Gutenberg was over-writing the css and I think the same has happened in this instance.

So if you look at ‘introduction page’ at the bottom of the page.. you can see the Quick Links to the right have now shifted much further to the right (used to be closer to the center).

Any way I could fix this?

Thanks.

[silver]

Let me know if you need more information about this issue 🙂

[David]

Hi there,

if you can send share a link to the site we can take a look 🙂

[silver]

Hey David, would it be possible you could check my other topic created (very latest one for my website) as I added the website there for the staff..I do not really want to add it publicly ..or I can open a new topic?

I re-opened this one so you can see what we did previously with this particular piece of code 🙂

[silver]

I opened a new thread 🙂

[Leo]

Answered.

[Author]

Posts