1. Michael Hoerner
  2. Finance
  3. Friday, 11 May 2018
I am having a weird issue since switching our site over to the Finance template. We had been using Page Builder with our previous template (a RocketTheme template) with no issues. When we have a page that has the text box addon as the only item in a row, it does not word wrap each line causing it to push everything off the screen.

I am not having this issue when a text box is included in a multi column row that has other items in it.

Any assistance would be much appreciated! I have messed with the custom width but that messes up the addon in Chrome, FireFox, Edge, etc. where there are no issues.
Attachments (1)
Accepted Answer
Accepted Answer Pending Moderation
Hi,

I have added this CSS code and now working fine. It didn't work because of that, this CSS code above was an extra second bracket code. Now fixed.


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
article.item .sppb-col-md-12 {
display: initial !important;
width: 100%;
background: #fff;
}
.custom-top .sppb-row {
display: block !important;
}
}


-Thanks
  1. more than a month ago
  2. Finance
  3. # Permalink
Responses (12)
Accepted Answer Pending Moderation
Hi there, Please share your site url. Let me check, please. Thanks
  1. more than a month ago
  2. Finance
  3. # 1
Accepted Answer Pending Moderation
Toufiq,

Here are a couple URLS:
https://www.dio.org/catechesis/daec
https://www.dio.org/plasm
https://www.dio.org/plasm/special-needs.html
https://www.dio.org/synod (This one shows the text box wrapping properly in the same row as another addon)
  1. more than a month ago
  2. Finance
  3. # 2
Accepted Answer Pending Moderation
Hi there,

Add this css code inside the custom.css file.


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
article.item {
margin-bottom: 30px;
display: table;
width: 100%;
background: #fff;
}
}


-Thanks
  1. more than a month ago
  2. Finance
  3. # 3
Accepted Answer Pending Moderation
Thanks Toufig!

I added that but it did not work. Then I remembered I added similar custom code to fix the top row height issue (see this ticket). When I removed that the layout was corrected but then I had the top bar height issue come back up (see screenshot attached.
Attachments (1)
  1. more than a month ago
  2. Finance
  3. # 4
Accepted Answer Pending Moderation
Thanks Toufig!

I added that but it did not work. Then I remembered I added similar custom code to fix the top row height issue (see this ticket). When I removed that the layout was corrected but then I had the top bar height issue come back up (see screenshot attached.


Hi, Send me the Joomla administrator access via pm. I will try to drive there. Thanks
  1. more than a month ago
  2. Finance
  3. # 5
Accepted Answer Pending Moderation
Information sent via PM
  1. more than a month ago
  2. Finance
  3. # 6
Accepted Answer Pending Moderation
Information sent via PM


Hi, I have replied your pm. Thanks
  1. more than a month ago
  2. Finance
  3. # 7
Accepted Answer Pending Moderation
Thanks Toufiq!

I hate to say this but now the text box wrap issue is back :( The positive side is that it isn't affecting the rest of the items on the page so that is a plus! You can see this at
https://www.dio.org/catechesis/daec
https://www.dio.org/plasm
https://www.dio.org/plasm/special-needs.html
  1. more than a month ago
  2. Finance
  3. # 8
Accepted Answer Pending Moderation
Hi, Please check again. Thanks
  1. more than a month ago
  2. Finance
  3. # 9
Accepted Answer Pending Moderation
All fixed! Thanks a bunch! What was the fix?
  1. more than a month ago
  2. Finance
  3. # 10
Accepted Answer Pending Moderation
All fixed! Thanks a bunch! What was the fix?


Hi, I have updated the code. Please check. Thanks
  1. more than a month ago
  2. Finance
  3. # 11


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.