Every time I post a new post and I set the page the way I want it, the last few paragraphs of text…well…there’s no easy way to describe it, see the problem for yourself in the attached pic. It’s like all the text from a single paragraph gets all mangled up into one line of unintelligable fonts at monster sizes.
The only way that I have been able to get it NOT to do that is keep creating paragraphs AFTER the text has ended until it stops and presents the page the way it should be presented. WTF is that about ?!?!?!?!?!?
I have disabled plugins and the only thing that’s running is pagebuilder and your css editor and it’s STILL effing up my pages!!!! The theme, in case you’re curious, is the STOCK WP2016 theme that comes with every install. I have modified it slightly here and to present the way that I would like. But nothing like this is even remotely possible in what I have done to the theme from YOUR EDITOR!
Look at the pic and tell me, if you would be so kind, WTF! is going on ?
Miles.
Hey Miles
Sorry to hear about this hassle, something definitely isn’t right! Do you perhaps have a demo page link we could look at? If not, please, create a demo/test page and try recreate the issue. Once we’ve taken a look at the problem I’m sure we’ll be able to help resolve it.
This is a private message.
Thanks :)
If you head over to AppearanceCustom CSS you’ll find a rule as follows:
.textwidget > :last-child { font-size: 67px; font-weight: 500; font-variant: small-caps; text-transform: capitalize; font-family: Quicksand; text-align: center; letter-spacing: 0px; white-space: normal; line-height: 0px; }If you remove the following declaration, order will be restored:
That’s causing the problem, line-height zero means every line sits on top of the previous line.
all set….thanks. i removed the whole block. :-)
typical pbcak101 error!
Super :) Glad to hear that helped. If any further challenges arise, please, let us know.
All the best.
It’s back again.
And truth be told this solution did make a whole lot of sense.
why would HALF of the text be right and HALF of the text be wrong ?
It’s not like half way through the encoding part the css magically got loaded, something somewhere is triggering it!
or put more succinctly — NOW the same problem has cropped up somewhere else.
If I change the TITLE block of the SITE, I get the same problem listed above in ANY and ALL text, where half of it, appears the way it’s supposed to, but the other half resorts to quicksand!
How is that possible, especially when the code itself, doesn’t split the CSS like that?!?!?!?
Miles.
Continuing:
I believe
.siteorigin-widget-tinymce.textwidget { font-size: 15px; line-height: 17px; letter-spacing: 2px; text-indent: 0px; white-space: normal; color: #616161; padding: 0px; margin: 0px; font-family: Open Sans; font-weight: 300; }and
.textwidget > :last-child { font-size: 67px; font-weight: 500; font-variant: small-caps; text-transform: capitalize; font-family: Quicksand; text-align: center; letter-spacing: 0px; white-space: normal; }are conflicting with one another, but the question is how and why it is happening ?
The reason I attribute this to SITEORIGIN is because this “.siteorigin-widget-tinymce.textwidget” is your css is conflicting with wordpress’s css. Clearly.
Thanks.
Ok, I think I narrowed it down.
It’s definitely .siteorigin-widget-tinymce.textwidget that’s getting in the way.
And since that’s YOUR css call there, this is your issue.
Now for the workaround!
My original workaround was to add more CR at the end, solving one problem but creating another – more white space that I didn’t need.
Now I have another idea….can’t I just change the CSS value for the entry title and give it a specific value ?
Hey Miles
Can you recreate the problem and send me a link? If you can, that would be first prize.
Sure, it will be a bit, and it will be in video form like the last time. This is a live site and I can’t have this screw up happen on the live site, you understand. I’ll send you the CSS that I have….if you want.
This is a private message.
Thanks :) Sorry for not being clearer. With challenges like this we do our best work inspecting the source code, are you able to recreate the issue, save the page and send me a link?
This is a private message.
Sorry for missing your note on the live site. I’ll dive in now and let you know how I come along. Thanks.
This is a private message.
Thanks for your understanding and support, I’ll come back to you on this ASAP. Apologies for the hassle.
Andrew,
It’s not a hassle. Honestly. Things are functional right now, so I am not necessarily complaining.
It’s just how I wanted to present my site to my customers.
I have a potential solution: Can’t I add a specific css tag to just the area that I want changed so that one doesn’t conflict with the other ? Either I can do that manually or I can do it through the siteorigin page builder ?
Miles.
Correction: It’s just NOT how I wanted to present my site to the world.
Phew! Doing too many things at once. This is the issue:
That’s hugely general. That’ll impact ever textwidget that’s the last child and within that rule you have:
which is the issue.
So what we can do is target the header without being so general. We could for example say:
.topic-headertext h3.widget-title { font-size: 67px; font-weight: 500; font-variant: small-caps; text-transform: capitalize; font-family: Quicksand; text-align: center; white-space: normal; }And it looks like you’re on that path already.
The bug is this. Twenty Sixteen expects widgets to only be in widget areas. Page Builder puts the same widget markup directly in the page. If theme’s don’t account for this, it can cause challenges. That’s what’s happened here.
Andrew,
Quite honestly sir, my sincere apologies for making you jump through hoops. My bad!
I was so fucking frustrated with getting the theme to run I just cut the damned thing to shreds! There are padding errors all over the place that I have to fix….Anyway, the site is starting to come together.
It’s clean. Just not exactly what I want just yet. It will get there. However, the sale is running fine and orders are coming in, in a timely fashion.
Thanks again.
Miles.
No problem at all. I really should have seen this earlier, apologies for the delay.
When you have a gap it might be worth trying our North theme: https://wordpress.org/themes/siteorigin-north. It’s really lightweight and could work perfectly with the style of design you’re after.
All the best with your product. Chat soon :)