I Can't Float The "More Details" Button To The Right

  • thomas
    thomas
    Newbie 29 points
    September 11, 2016 at 10:50 pm

    I used the [BUTTON] in place of the [CBUTTON], but it will not float to the right. I have tried every code I can think of in float to the rightCustom , but it will not CSS.

    This is for the search page coupon layout. This is a test site that is being built. The url is
    https://www.ehavasu.com/.

    Any help to getting this done will be appreciated.

    Thanks,

    Tom

    Attachments:
    You must be logged in to view attached files.
  • Matthew
    Matthew
    Senior Member 218 points
    September 11, 2016 at 11:29 pm

    .btn-primary {
    float: right;
    }

  • thomas
    thomas
    Newbie 29 points
    September 12, 2016 at 1:33 am

    Thanks, I added the code to the General Set up Custom CSS, and it did not work. I then added it directly to the child theme css, and it worked.

    I just noticed that [BUTTON] is not displaying on mobile view. I have mobile website turned off, do you know what code is needed to display the more details button [BUTTON] in mobiole with mobile website turned off?

    Thanks,

    Tom

  • Aaron
    Aaron
    Super Guru 920 points
    September 12, 2016 at 3:52 am

    The class used is contains hidden-xs which will hide the button at mobile sizes:

    
    <a class="btn btn-primary hidden-xs" href="https://www.ehavasu.com/listing/get-free-website-havaweb-com/">More Details</a>

    A better way would be to use bootstraps pull-right inside the div otherwise all your buttons are going to be displayed right.

    This reply was awarded the best answer by the topic poster.

  • Josh
    Super Guru 13,875 points
    September 12, 2016 at 1:02 pm

    Hello Thomas,
    Try the below code:

    @media (max-width: 480px) {
    .wrap .btn-primary {
    display:block !important;
    }
    }

  • thomas
    thomas
    Newbie 29 points
    September 12, 2016 at 3:38 pm

    Ok thanks Aaron and Josh. I will try it out.


  • Josh
    Super Guru 13,875 points
    September 13, 2016 at 1:00 pm

    You’re welcome Thomas 🙂

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

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes