how to right align

  • Resolved ppi37

    (@ppi37)


    2 years, 6 months ago

    Hello,
    please,
    how to right align the content of the top bar (text + button)?
    instead of center alignment
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Swathi S

    (@swathiswpfront)

    2 years, 6 months ago

    Hello,

    You can align notification bar content through Custom CSS. Can you try with the following CSS?

    #wpfront-notification-bar table {
    margin-right: 0;
    }

    Thanks,
    Swathi

    Thread Starter ppi37

    (@ppi37)

    2 years, 6 months ago

    Hello,
    Thanks for the reply.
    But no changes with this CSS.
    Have you tried ?

    Thread Starter ppi37

    (@ppi37)

    2 years, 6 months ago

    Hello,
    It’s right align with the CSS below
    #wpfront-notification-bar table {
    width: auto;
    margin-right: 0px;
    }

    But I don’t want full screen.
    The site is boxed with 1310px.
    is it possible to have the with 1310px for the table ?
    and right align (in the with of 1310px) ?
    It is not OK with
    #wpfront-notification-bar table {
    width: 1310px;
    margin-right: 0px;
    }

    Thanks

    Plugin Support Swathi S

    (@swathiswpfront)

    2 years, 6 months ago

    Hi @ppi37

    Would you mind giving the CSS code below a try and let me know if it works for you?`

    #wpfront-notification-bar table {
width: 1310px;
}
#wpfront-notification-bar td{
text-align:right;
}

    Thanks!

    Thread Starter ppi37

    (@ppi37)

    2 years, 6 months ago

    Hello,
    it works with the following CSS :

    #wpfront-notification-bar table {
    width: 1200px !important;
    }
    #wpfront-notification-bar td{
    text-align:right !important;
    padding-right:20px;
    }

    but then it is not responsive.
    So i will keep the center alignment.
    or maybe :

    #wpfront-notification-bar table {
    width: 100% !important;
    }
    #wpfront-notification-bar td{
    text-align:right !important;
    padding-right:20px;
    }

    Anyhow, thanks for your help

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to right align’ is closed to new replies.