Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#952893

Hi
I attached the typography button HTML code below , You can copy the code and paste it in the article editor source code and check the output on front end

<div class="row example-row example-type">
        <div class="col-md-8">
            <!-- Button --->
            <div class="example-button clearfix"><a class="btn btn-default" href="#">Normal Button</a> <a class="btn btn-primary" href="#">Primary Button</a> <a class="btn btn-success" href="#">Success Button</a></div>

            <div class="example-button clearfix"><a class="btn btn-warning" href="#">Warning Button</a> <a class="btn btn-danger" href="#">Danger Button</a> <a class="btn btn-info" href="#">Info Button</a></div>
            <!-- //Button --->
        </div>

    </div>

To make them full width add an additional button class and define the class in custom.css file .
Example :

<a class="btn btn-default fullwidth" href="#">Normal Button</a>

fullwidth is custom class > Add this class in custom.css file with 100% width style code .
code for custom.css file

.fullwidth {width:100%!important;}

[janyour Friend janyourJoin date: July 2016Posts: 89Downloads:28Uploads:45 Thanks: 5 Thanked: 2 times in 2 posts]

#952895

Thank you, just great 🙂
is there a way to have a bigger buttons ?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#952899

is there a way to have a bigger buttons ?

You need to apply additional style code for this like padding , min-height etc .

[janyour Friend janyourJoin date: July 2016Posts: 89Downloads:28Uploads:45 Thanks: 5 Thanked: 2 times in 2 posts]

#952902

Thank you 🙂

[Author]

Posts