Home>Support>tinymce-textwidget produces 3 different h4-titles in same row + 2 other questions

tinymce-textwidget produces 3 different h4-titles in same row + 2 other questions

By Kimberley, 9 years ago. Last reply by Support Assistants, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I’m using the site origin page builder, have a row with three SiteOrigin Editor widgets and have noticed that the last widget title is slightly higher than the rest. So I took a look with the developer tools and found the following (I’ve removed my text and the div class):

About

Our Clients

Contact

The title in the right box sits higher. I would like to remove the outer padding and have the boxes the same height.

1. Why are there different title forms? I don’t need an alternative image, and I think should do just fine on all. How can I edit them to be all the same?

2. I have my boxes filled with background color. My wish is to remove the outside padding so that the colors butt up against each other. How (and where) do I alter this?

3. I would like this row of boxes to have a uniform height. How (and where) can I specify this.

Thanks for your help.

Regards,
Kimberley

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

  1. 9 years, 6 months ago Kimberley

    So the code-nerd gremlin completely changed what I’ve written.
    Question 1 is: how do I change the h 4 title in all to the same one?

    the first title has img alt=
    the second title has no definition except h 4
    and the last has the class of widget title, which is also an h 4

  2. 9 years, 6 months ago Kimberley

    Also, I am using a child theme of organictheme’s ‘Portfolio’ if that is any help.

  3. 9 years, 6 months ago Support Assistants

    Hi Kimberley

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  4. 9 years, 6 months ago Kimberley

    Hi,
    no, I am building it offline with Mamp. A different vendor has told me that if I were using Mamp Pro there would be a way for them to view it, but I’m not sure how that would work.

    Regards,
    Kimberley

  5. 9 years, 6 months ago Support Assistants

    Thanks for your update. We’re not very clear on your questions at the moment which is why looking at the problem would have been easiest.

    If possible, let’s start with your first question.

    1. Why are there different title forms? I don’t need an alternative image, and I think should do just fine on all. How can I edit them to be all the same?

    Could you please, try re-phrasing this question?

    Thanks.

  6. 9 years, 6 months ago Kimberley

    When I pasted the code in the first post, I didn’t thing of it being really interpreted into the format.

    My problem is that although the widgets are the same widgets, they are producing some discrepencies in the headline titles of each widget. I would like to make sure that the headline title code is the same for all. Currently, as mentioned above, when I look at the html produced by using the developer tools in Safari I find:

    the first title in the blue box was coded by the widget as img alt=
    the second title in the green box has no other definition except h 4
    and the last title in the beige box has the class of widget title, which is also an h 4

    All of these should have the same code produced. The three separate widgets in the same row all produce different code for the titles. I assume that is why the one title in the right beige box sits higher than the other two titles. All titles should appear to be on the same baseline.

    I’m sorry that I can’t rephrase that question any better. I would like to know how to get all titles on the same baseline as they are all the same widget contained in one singular row.

    That was my first question.

    Regads,
    Kimberley

  7. 9 years, 6 months ago Support Assistants

    Thanks for your feedback. We’d need to take a look at the page to figure out what the problem is. Click PrebuiltImport/Export and use the button in the bottom right corner to download the page layout. Upload the layout to Dropbox or WeTransfer https://www.wetransfer.com/ and send us the link.

    Thanks

  8. 9 years, 6 months ago Private Message - Kimberley

    This is a private message.

  9. 9 years, 6 months ago Support Assistants

    Thanks :)

    The h4 tags in question aren’t being outputted by the widget, you’re manually inserting those. Click over to the Text tab in each widget to see the code view.

    Right now you have:

    <h4><img alt="" />About</h4>
<h4>Our Clients</h4>
<h4 class="widget-title">Contact</h4>

    You’re free to edit those. Here is what you’re after:

    <h4>About</h4>
<h4>Our Clients</h4>
<h4>Contact</h4>
  10. 9 years, 6 months ago Support Assistants

    The Title field in each widget is blank. That’s the only field that would be outputting wrapping HTML.

  11. 9 years, 6 months ago Support Assistants

    To remove the column gutter, edit the row by clicking the wrench icon, then, click Row SettingsLayoutGutter enter 0.

    To sort the height issue out, edit each widget and click Attributes on the right, enter the following the CSS Styles field.

    min-height: 300px

    Change the 300px value as required.

  12. 9 years, 6 months ago Kimberley

    Thanks. Now everything is as I wanted it.
    Enjoy your Sunday,
    Regards,
    Kimberley

  13. 9 years, 6 months ago Support Assistants

    Glad to hear that helped. All the best with your site.

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