Top Bar Columns Widths

[Francois ZietsmanParticipant]

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

[Binaya DParticipant]

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

[Francois ZietsmanParticipant]

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

[Binaya DParticipant]

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

[Francois ZietsmanParticipant]

Hi Binaya

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

Thank you

[Binaya DParticipant]

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

[Author]

Posts