Text and Bullets with Images Are Not Aligned

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #79372
    siwiec.matthew
    Participant

    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!

    #79413

    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

    #79414
    siwiec.matthew
    Participant

    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.

    #79652

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

    Thanks

    #79669
    siwiec.matthew
    Participant

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

    #79849

    Hi siwiec.matthew,

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

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.