Home>Support>Move page title to the right

Move page title to the right

By BirdDog, 9 years ago. Last reply by BirdDog, 9 years ago.

Hi there.
Im have a little problem with on my new homepage.

I use pagebuilder and use the siteorigin image widget to the left and in the same row I use the text widget to have my text.

Works great, but above the image, the page title is shown, and i would like to move it to the right, but my css skills are to bad..

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, 2 months ago Magus
    Hi, I Work Here

    Hi BirdDog

    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.

    Thanks

    Magus

  2. 9 years, 2 months ago Private Message - BirdDog

    This is a private message.

  3. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi BirdDog

    Please navigate to Appearance->Custom CSS.

    To center the title please add this

    article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
        text-align: center;
    }
    

    To right align the title please use this instead

    article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
        float: right;
    }
    

    Let us know how you get on

    Magus

  4. 9 years, 2 months ago BirdDog

    Hi thanx for the fast replay.

    It works, BUT.

    Is there anyway that i can align the Title with the text underneeth

    It just looks wrong and need alittle to the left.

  5. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi BirdDog

    Unfortunately not without breaking the responsive nature of the pages. You could give it more definition by using something like this to separate the title from the content

    article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
        text-align: center;
        border-bottom-style: solid;
        border-bottom-color: #000;
        border-bottom-width: 1px;
        padding-bottom: 10px;
        font-size: 30px;
    }
    

    Magus

  6. 9 years, 2 months ago BirdDog

    Works like a charm.
    Thanx

  7. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi BirdDog

    No worries.

    If you need any more help please feel free to open a new support thread

    Magus

  8. 9 years, 2 months ago BirdDog

    have allready done so :)

    Thread: Diffrent footer info with polylang plugin?

    but thanx for the help with the title

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