[Resolved] Align Text to Center in Top Bar

Home Forums Support Align Text to Center in Top Bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1428593
    Chitika

    Hello.
    I have some ad text on the top bar.

    1. I would like the text to be aligned to center of the top bar.
    2. I also would like to change the color of text on hover.
    3. I also would like to change the background color of the top bar to a gradient color.

    How to accomplish this.

    #1428821
    David
    Staff
    Customer Support

    Hi there,

    1. Customizer > Layout > Top Bar –> Align Center.
    2. Customizer > Colors > Top Bar – link hover
    3. Add this CSS:

    .top-bar {
        background: linear-gradient(180deg, rgba(44,213,208,1) 0%, rgba(0,0,0,1) 100%);
    }

    Site for generating gradients:

    https://cssgradient.io

    #1429083
    Chitika

    @David: Great. These small tips make GP very easy to use. I still have to try gradient. But I will settle with a different background color using the settings above. Thanks.

    #1429137
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.