Home>Support>CSS code to remove tite spacing in siteorigins Editor…

CSS code to remove tite spacing in siteorigins Editor…

By Thomas Melrose, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

Hello Everyone,

Thanks for the open arms!

I am new to wordpress and using site origins editor to place a small title underneath a picture on a draft webpage. The text is too big in the title box so I am placing the text in the text box, as it were. The problem is the space remaining in the title box. I have tried the CSS code to hide the title:-

.hide-title .widget-title {
display: none !important;
}

But it doesn’t remove the spacing. Is there some CSS code which can achieve this?

thanks in advance.
Thomas

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 17 days ago Andrew Misplon
    Hi, I Work Here

    Hi Thomas

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. 5 years, 14 days ago Thomas Melrose

    Hi Andrew,
    Thanks for the reply. Sorry to take so long but the page has had a few over upholstery issues. It working now. There is a live version to illustrate my problem.

    https://megalithicmaps.com/a-chronology-of-plans-and-maps/

    There is two examples that I need to address. The heading (1723 etc.) I have paced in a SO editor text box as the text. However, I would like to change the spacing of:

    1. The distance of the the text and underline ( Smaller I am thinking CSS code to alter individual SO editor boxes)
    2. The distance outside of the SO editor box and the row it is contained within so that I may move it closer to text/illustration beneath.

    The other issue is the heading of the image. I would like this, in this specific instance, to be smaller. As I said in my first post, this text was originally inside the text box of a SO editor box, but it is now just the heading beneath the SO image.

    Maybe there is some CSS that I can use.

    Thanks in advance.

  3. 5 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    Hi Thomas

    Thanks for confirming.

    We’re a small operation. To remain viable, our free support scope includes assistance with basic usage and troubleshooting but, unfortunately, doesn’t include Custom CSS assistance. We do help with small Custom CSS adjustments within our premium support scope where we have the resources.

    1. You can try adjusting the line-height of the paragraph containing the line.
    2. Edit the row concerned, open the Layout tab on the right and adjust the bottom margin value as required.
    3. You can target the widget title using CSS. An easier method might be to leave the title field blank. You can then insert the heading into the widget body as an h2 heading which will be bigger than the current h3 heading.

    Hope that helps a bit. Perhaps consider the visual editor in our SiteOrigin CSS plugin, you might find that helpful for small edits.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More