Hello!
First of all; thank you for this great WordPress tool! I love how you can do such powerful things with this plugin :)
I have a few problems with the siteorigin-widgets on my site. Could you please help me fix it?
1. On my main page I use the SiteOrigin editor with text in two paragraphs, but the first one gets really small line spacing. I’ve tried everything, but I still can’t get the same line spacing on both paragraphs even though I use the same paragraph style on the whole text. Do you know how I can get it right?
2. I’ve also inserted a picture with SiteOrigin Image, but the title text is way too big. When I insert one of these CSS codes it only works on increasing/decreasing the space between the picture and the title text:
.so-widget-sow-image h2 {
font-size: 10px !important;
}
.so-widget-sow-image h3 {
font-size: 10px !important;
}
h3.widget-title {
font-size: 10px;
}
.widget-title {
font-size: 10px;
}
.widget_sow-image h3.widget-title {
font-size: 10px;
}
3. I have a few boxes with text in SiteOrigin Editor that I want to show without a title, so I’ve left that one blank. Still, I can’t minimize the space to push the rest of the text further up, and when I try to use CSS code to get the title size smaller it changes all the text in the whole box. Do you have any solutions?
Thank you so much for you time and help!
Hi Teb12,
Thank you for the kind words! :)
1. To be honest, I’m not too sure why this may be happening. Do you have a public URL where we can take a look at what’s going on?
2. These should have worked.
.so-widget-sow-image h3 { font-size: 10px !important; } h3.widget-title { font-size: 10px; } .widget-title { font-size: 10px; } .widget_sow-image h3.widget-title { font-size: 10px; }Do you have a public URL where we can take a look at what’s going on? I suspect your theme may be interfering.
3. That’s odd. To clarify, if the SiteOrigin Editor title is empty, nothing is shown so it’s quite odd that you’re still getting spacing as a result. Do you have a public URL where we can take a look at what’s going on?
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.
Thank you for your quick reply! :)
How can I send you the link in a private message?
This is a private message.
Hello,
Did you get my email? :)
Hi Teb12,
Unfortunately, no. :(
To clarify, you’ll receive notification of all emails sent to that email so you’ll know when we have received the email.
Maybe send me the link via a short link service? An example service is goo.gl
Hi again,
I’ve tried to send you an email with the link twice now, but I don’t know why you don’t recieve it :(
I’m not familiar with short link services unfortunately?
Can I post the link here and then you can edit and remove it later? :)
Hi Teb12.
Basically, a short link service is a website that will A. Shorten the URL and B. mask it. This will allow you to post a link to it and not worry about a search engine picking up on the URL.
Am example of that is: goo.gl/42yK9O which when visited will take you to siteorigin.com. For more information, please refer to goo.gl.
Like this? goo.gl/BjF7B2 :)
Hi Teb12,
Yes. :)
1. This is happening as you’ve set the text to be a header rather than a paragraph. Please open the first SiteOrigin Editor widget and select all of the text in the editor. Set the text presentation drop down to paragraph.
To clarify, you actually did the same thing with the other editor widget but it looks like you manually applied paragraphs also. Ideally, I wouldn’t recommend using the header in this instance and would instead recommend using a paragraph.
2. Can you please clarify what page has these images? I ask as I can’t seem to find any with title text. Maybe I’m looking for something else by mistake
3. What page is this on? I checked your home page a few others and couldn’t find any spacing caused by an empty widget title. Hm. Maybe you’re actually talking about row bottom margin:
That orange spacing below the image (it’s the images on the homepage) is row bottom margin. To remove it you have two options.
Row by Row
Please open the row that has the row bottom margin you would like to adjust by clicking the wrench icon above it. Head over to the row styles sidebar and open the Layout settings group, adjust the bottom margin as desired – the default is 35px.
Globally
Please navigate to WP AdminSettingsPage Builder and open the Layout tab. Adjust the Row Bottom Margin. This setting is overridden by the row by row specific bottom margin setting.
Hi again,
thank you for your quick reply :)
1. Yes, I know I’ve made the first text to a header, but with just the “paragraph”-style the text becomes too small.
I’ve changed it now so you can see, but I’m not satisfied with the text being som little. That’s why I made it into
a header, but then the spacing was just messed up..
2. Oh, sorry – that’s on a different page – I’ll send you the link to that one later.
3. On the forth page “priser” you’ll see that I’ve set up a few green buttons with a line of text under, and a sentence or
two under that again made with SiteOrigin Editor without title. But I think there is too much space between the first
line under the buttons and the rest of the description, if you know what I mean?
Hi Teb12,
1. You can change the paragraph font size with custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS:
p { font-size: 13px; }You might also need to install the SiteOrigin CSS Editor.
3. Okay, yeah, that’s row bottom margin. You can either adjust the global row bottom margin or open apply a class to each of the rows. Click the wrench above the row and head over to the row styles sidebar, head over to the Attribute settings group and set the class to no-bottom_margin and save the page. Then please do this for the rest of the rows and save the page.
Please navigate to WP AdminAppearanceCustom CSS and add the following CSS:
.no-bottom_margin .so-panel { margin-bottom: 0 !important; }Thank you SO much! Now I finally got the text size right :)
Still struggling with nr 3. The button “SiteOrigin Features” and the text “SiteOrigin Editor” are in the same row and nothing happens when I apply your code to “CSS styles” under “Attributes” for one or both cells or the whole row
Hi Teb12,
The CSS styles field is purely for inline styles. This means this will work:
The following won’t however work:
.example { color: #0f0; } .example h4 { border-left: 22px solid #000; }This means you’ll need to add the CSS via other means. I recommend SiteOrigin CSS. ;)