Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to make text and image line up?

Featured Lock Resolved Issue
I am trying to make the image and the text line up in the Images layout out. I need your help on how to do it without going to photoshop to add more white space because that is not a good solution right now.

url: https://forteinnovations.com/cloud-solutions

You can see the Remote Support text has a margin. that's the margin that I want to remove.

4 Answers

Sifat - Staff

2 weeks ago #Permalink
Hi,
Thanks for your query. You can use the following css to remove the left padding and make them align.

.sppb-addon-image-layout-content {
padding-left: 0px;
}

Here you'll find all the informations regarding custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

-Best Regards
Thanks! I'm 50% there now. How do I center the icon image though against the text below? Or, even better, how do I remove the left padding in the text and center the icon image?

Sifat - Staff

One week ago #Permalink
Hi,
Thanks for your reply. Sorry to say that there is no default feature like what you are asking for. Also custom support is strictly prohibited in our support policy.
But you can use the following css into your custom css and remove the previous one.

.image-layout-preset-style-stack .sppb-addon-image-layout-image {
margin: 0 auto;
}
.image-layout-preset-style-stack .sppb-addon-image-layout-content {
text-align: center !important;
}


Here is the output if you've properly inserted the code and removed the previous one http://prntscr.com/q5esaz

-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 106
Toufiq

Toufiq

Total Accepted Answers: 52
Sifat

Sifat

Total Accepted Answers: 38
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 19

119

Templates

306533

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us