Home>Support>Removing Capitalization from Headers in PageBuilder

Removing Capitalization from Headers in PageBuilder

Good morning,
I am building a website using PageBuilder and am finding that some of the Headers, probably the H1 tags, are capitalized, how can I change this?
The site is not publically visible, please see screenshot.Pagebuilder query
The titles on the blog posts and a few other places aren’t captialixed, but the headers in the buttons and the H1’s are.
I read a few threads and tried adding this to the Custom css

/* Headline Widgets Font */

.widget_headline-widget h1 {
text-transform: none;
}

Which didn’t do anything.

I look forward to your advise.

Thanks,
Natalie

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

  1. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Field Photography

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  2. 8 years, 6 months ago Private Message - WordPress

    This is a private message.

  3. 8 years, 6 months ago Field Photography

    Thank you for contacting Natalie Field Photography.
    I will be Out of Office from 14 – 27 March 2016.
    We will endeavour to assist with your request at our earliest convenience.

  4. 8 years, 6 months ago Field Photography

    Hi Andrew,

    Thanks I have created the account and sent it through. Let me know should you not receive it.

    Further to the capitalization, I have another question please.

    You’ll see on my Home Page I have decided to keep the Layout Builder with the title “Do you want to” – Where can I change the font colour of the heading, background image and links to this please?

    Thanks so much,

    Natalie

  5. 8 years, 6 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  6. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for your feedback.

    Your theme (Sydney) is capitalising widget titles in Page Builder, you can roll that behaviour back by adding the following to Appearance > Custom CSS:

    .panel-grid-cell .widget-title {
        text-transform: none;
    }
    

    For any other headlines, please, send us the link to the page you’re looking at and let us know the header we should be checking out :)

    The font size and color of the widget title heading: Do you want to… comes from the theme’s style.css file. To re-style the header you’d need to edit the row concerned, click the Attributes tab on the right and enter the following as a CSS Row Class:

    want-to
    

    You can choose any class name you want. Then, in Custom CSS you can target the widget title by adding:

    .want-to h3.widget-title {
        color: #443f3f;
        font-weight: 600;
        line-height: normal;
        margin: 10px 0 24px;
        padding-bottom: 10px;
        text-align: center;
    }
    

    You can remove any declaration lines you don’t need to customise.

    The background image is most likely being set for the row. Edit the row and click the Layout tab on the right.

  7. 8 years, 6 months ago Field Photography

    Thanks for your response, I was able to fix the capitalization problem and change the image on the want-to builder, however the font size and widget title heading remains unchanged after adding the code to Attributes. Please advise.

  8. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super :)

    Earlier, we used this rule in Custom CSS:

    .panel-grid-cell .widget-title {
        text-transform: none;
    }
    

    We can expand this rule to include font-size:

    .panel-grid-cell .widget-title {
        font-size: 20px;
        text-transform: none;
    }
    
  9. 8 years, 6 months ago Field Photography

    Thanks, I’m almost finished with the site so just two more questions

    1. On the Home Page under the latest news the button font has remained capitalised, how may remove that?

    2. Under the services where can I specify whether it is an A or B service as I’m trying to add Orthopaedic but it is not showing under the What we Treat section of the About Page.

    Thanks again,

    Natalie

  10. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sure :)

    1. This capitalisation is coming from your theme’s style file. You can turn it off with:

    .roll-button {
    	text-transform: none;
    }

    2. Sorry, I’m not sure. Is your theme or a plugin adding the Services custom post type. If it’s added by your theme then it would be best to reach out to theme support for assistance.

  11. 8 years, 6 months ago Field Photography

    Thanks Andrew, I’ve mailed the theme people for further answers.

    All the best,

    Natalie

  12. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super, hope you’re able to resolve. Cheers for now :)

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