Button Responsive

  • Posted in : Responsy
  • james1a2s
    Participant

    Hello,

    I love your templates, and everything about them, but have been working with the responsy html template and have been having problems with the buttons. For example, your green button on the index2.html page, that says “Buy this template now”. I will use that button for an example.

    I do not know how to make that green button (Or any of your buttons (class btn) to be full length. I dont want it to just be the length of the text inside of it, I wanted the button to expand from one end of the page to the other, and then resize as the monitor gets smaller just like everything else does on the template. Can you please assist in this? Thank you

    James

     

    james1a2s
    Participant

    Hello,
    I came here and created an account just to receive support, as I was instructed to. The only thing I am asking is how I can make those buttons, any of the buttons, spread from one side of the screen to another, and resize with the size of monitors like everything else does, responsive I think is the term. Thank you
    james

    james1a2s
    Participant

    Nevermind, I figured it out.
    I jus added a btn fullwidth section in the CSS sheet, and made it 97* width. Thank you anyway

    ahmetsali
    Keymaster

    Hi, if you want to preserve responsive layout, don’t use static width in px, such as width:960px. Instead we can define a new class named block for buttons;

    HTML Code;

    <a href="#" class="btn block btn-info">Launch Project</a>

    CSS Code;

    .btn.block { display: block; }
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Responsy’ is closed to new topics and replies.