Classic Feature Box Alignment Issue

[LFGdigital]

Hi Themeco,

I’m using the Classic Feature Box elements and after the update the alignment of text with the icon got changed. The text now appears under the icon, not next to it.

I’ve considered remaking the elements into the Feature Headline, but I am currently using some JS to make the entire Feature Box (icon and text) link to another page. As far as I can tell, the Headline element does not have that functionality either, and I’m not sure if it would be possible to achieve via JS.

Is this something that might be addressed in another update or is there a solution?

Thank you!

[rglohre]

Same issues here! WTH!?!? Why would this change without notice? Why was it not just grandfathered in? I’m going to have to go re-make all of these?
Please advise.
Current staging area http://wordpress-116574-332101.cloudwaysapps.com/best-online-personal-trainer/
Under the testimonials area…photos used to be placed to the left!! Now they’re all messed up!!!

[rglohre]

So 24+ hrs later…nothing? Seriously?
I’m not surprised…but I am TORQUED! Thanks much Theme.co

[thai]

Hi guys,

Please make sure the horizontal alignment option is center:

Hope it helps

[rglohre]

This does NOT help.
I am still wanting the photo aligned to the left in the paragraph of the Feature Box as it WAS!

[paul.r]

@LFGdigital

To fix it, you can add this in Edit Page > PRO Builder > CSS

.x-feature-box .x-feature-box-content  {
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: top;
}

90px is the width of your image.

@rglohre

Add this in Edit Page > Cornerstone > CSS

.x-feature-box .x-feature-box-content  {
    display: inline-block;
    width: calc(100% - 170px);
    vertical-align: top;
}

170px is the width of your image

For future reference, I came up with these codes using chrome developer tools

Hope that helps.

[rglohre]

Why can’t it just be fixed back to the way it was using cornerstone itself?
Why did it change?
Will this CSS exploit stick if Cornerstone is updated again?

[LFGdigital]

The CSS does technically align the text with the icon, but since I am using some JS to make the Feature Box icon and text all clickable, I believe the JS overrides the CSS so it renders the same as before.

Is this feature expected to get updates? Or should I explore alternate options?

Thank you!

[Joao]

Hi Guys,

We already have forwarded this to our developers.

We cannot provide an ETA for the feature to be added back to the builder, so @LFGdigital if you are in a rush, you can look for alternatives. But we can also help you also help you to adjust the CSS to react according to your JS, in this case, please provide your Wp Admin credentials so we can take a look.

Thank you