Viewing 15 replies - 1 through 15 (of 15 total)
  • Leo

    (@leohsiang)

    Hi there,

    Try the header widget area:
    https://docs.generatepress.com/article/header-widget/

    Let me know if this helps 🙂

    Thread Starter asmolyakov

    (@asmolyakov)

    I did.

    But the text appeared on right spot of header.

    How can I move text closer to center of header ?

    https://yadi.sk/i/KNrtj10X4rvfYQ

    • This reply was modified 6 years ago by asmolyakov.
    Leo

    (@leohsiang)

    Can you link me to the page in question?

    Thread Starter asmolyakov

    (@asmolyakov)

    Leo

    (@leohsiang)

    Try this CSS:

    @media (min-width: 769px) {
        .inside-header {
            display: flex;
        }
        .site-logo {
            order: -1;
            margin-right: 200px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Thread Starter asmolyakov

    (@asmolyakov)

    Thanks.

    How can I do size of font bigger and change font type to “Comic Sans MS” for this particular text in header?

    Leo

    (@leohsiang)

    Try this:

    .header-widget h2.widget-title {
        font-family: "Comic Sans MS";
        font-size: 25px;
    }
    Thread Starter asmolyakov

    (@asmolyakov)

    Thanks. I did.

    Can you help to shift text a bit lower?
    Currently text seems higher than logo.

    David

    (@diggeddy)

    Hi there,

    change this CSS:

    @media (min-width: 769px) {
        .inside-header {
            display: flex;
        }
        .site-logo {
            order: -1;
            margin-right: 200px;
        }
    }

    to:

    @media (min-width: 769px) {
        .inside-header {
            display: flex;
            align-items: flex-end;
        }
        .site-logo {
            order: -1;
            margin-right: 200px;
        }
    }
    Thread Starter asmolyakov

    (@asmolyakov)

    Thank you very much

    I did and it became look fine.

    Please help me to move second sentence of the text to the new row:

    https://yadi.sk/i/DAk6tiAH4bHDAQ

    All code I have got now is :

    
    @media (min-width: 769px) {
        .inside-header {
            display: flex;
            align-items: flex-end;
        }
        .site-logo {
            order: -1;
            margin-right: 400px;
        }
    }
    
    .header-widget h2.widget-title {
        font-family: "Comic Sans MS";
        font-size: 25px;
    }
    • This reply was modified 6 years ago by asmolyakov.
    David

    (@diggeddy)

    Just add a <br> element in your HTML where you want the line to break eg.

    <h2 class="widget-title">«Одни люди ищут прекрасное место.<br>Другие же делают место прекрасным»</h2>

    Thread Starter asmolyakov

    (@asmolyakov)

    Sorry to say but I have not found right HTML where this code exists.

    I was searching in hosting files.

    Can you say what file do I need?

    Try adding that code using an HTML widget

    Thread Starter asmolyakov

    (@asmolyakov)

    Thank you very much

    No problem 🙂

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Add text in header’ is closed to new replies.