Top Bar Columns Widths

Home Forums Main Forum Theme Suggestion Box Top Bar Columns Widths

This topic contains 5 replies, has 10 voices, and was last updated by  Francois Zietsman 3 years, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13517

    Francois Zietsman
    Participant

    Hi, on Flat Responsive, the top bar is on Column 6.

    In other words, the announcement text is 50% wide and social icons is 50% wide. How can I change the announcement to be for instance 70% wide and social 30% wide?

    Thank you
    Francois

    #23153

    Binaya D
    Participant

    Hi Francois,

    Please use the following css to fix your issue;

    .col-md-6.announcement {
        width: 70%;
    }
    .col-md-6.header_social_iconns {
        width: 30%;
    }

    NOTE: Please use the child theme style.css or custom css plugin to write the css.

    Thanks

    #23154

    Francois Zietsman
    Participant

    Hi Binaya

    Thanks. Something else, I tried to add the buttons shown on the demo site.

    I want Button Style 4 as shown http://demo.styledthemes.com/demos/flat-responsive/buttons/ – round default, but when I add them to my Bottom 1, 2, 3 & 4 widget, it stretches the button full width of the widget. How can I have it normal size centered?

    http://www.customtrailes.net.za

    Thanks

    #23156

    Binaya D
    Participant

    Hi There,

    Could you please check once your site URL because when we visit that page it display “This Site can’t be reached”. If we can visit the site then it will be easy to both of us to find the solution asap. We hope you understand.

    We look forward to your respond.

    Thanks

    #23157

    Francois Zietsman
    Participant

    Hi Binaya

    Sorry, spelling error (missing the “t”. It should be http://www.customtrailers.net.za

    Thank you

    #13516

    Binaya D
    Participant

    Hi There,

    Please use the following css to fix your issue;

    a.btn3.orangered {
        width: 145px;
        margin-left: 35px;
    }

    NOTE: Please use the child theme style.css or custom css plugin to write.

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.