[siwiec.matthew]

Hello,

I’m having issues having bullets with images (coffee cups) aligned with the text. The Text appears at the bottom of the bulleted image while I would like it to be centred.

Please see the attached page (http://www.ffcoach.ca) to see the issue.

Many thanks!

[Theme Horse Support Team]

Hi siwiec.matthew,

Please go to ‘Appearance > Customize > Design Options > Custom CSS’ and Paste the Below Custom CSS Code.

ul.mybullet li {
	list-style-image: none;
	list-style: none;
	position: relative;
	padding-left: 65px;
	padding-top: 15px;
	min-height: 56px;
}
ul.mybullet li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("https://www.ffcoach.ca/wp-content/uploads/2020/04/CoffeeMugDreamsTime.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 56px;
	width: 56px;
}

Thanks

[siwiec.matthew]

Thank you for your assistance!

Unfortunately this change just displays the link text of the image. I tried playing around with some other options but couldn’t figure it out.

[Theme Horse Support Team]

We have updated the previous code. Please copy the code again and paste it ‘Custom CSS field’ as mentioned before.

Thanks

[siwiec.matthew]

Thank you! What would be the same code for mobile?

[Theme Horse Support Team]

Hi siwiec.matthew,

Same Code will work for mobile as well, You don’t need to do any thing for it.

Thanks

[Author]

Posts