Shape 5

Joomla Templates => Attractions - Club => : thrifty January 08, 2018, 06:30:44 AM


: read more buttons
: thrifty January 08, 2018, 06:30:44 AM
How/Where can we make a global change the width of read more buttons in the mobile version of the website so that they fit nicely?

for example if you look at this page (http://www.shape5.com/demo/attractions/index.php/pages/portfolio) in mobile view, the buttons are too wide and no longer have any margin around them on the right hand side.




: Re: read more buttons
: jonahh January 08, 2018, 12:13:35 PM
Hello,

Try adding the following to your custom.css file:



:
@media screen and (max-width: 525px) {

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input, #s5_mason_load_more {
    padding: 14px 5px;
    margin-left: -6px;}
	
}