Joomla Templates Club 406,261 posts

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#188505

Hi,

For custom HTML, there are 4 boxes like this . But I want to change it to 1 box only. I already tried but the size is not change. So, how can I make it appear 1 box only but with this size?

Thanks in advance!

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#497037

It would be helpful if you could provide the url of the site you’re working on – so we can view your particular layout/modifications

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#497050

marvelous.my

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#497130

You can try this way

+ Custom HTML module

from


<div class="social-wrap"><a class="btn-icon btn-small icon-platinummembership" href="#" title="Platinum Membership">Platinum Membership</a> <a class="btn-icon btn-small icon-goldmembership" href="#" title="Gold Membership">Gold Membership</a> <a class="btn-icon btn-small icon-silvermembership" href="#" title="Silver Membership">Silver Membership</a> <a class="btn-icon btn-small icon-product" href="#" title="Product">Product</a></div>


change to


<div class="social-wrap"><a class="btn-icon btn-big icon-platinummembership" href="#" title="Platinum Membership">Platinum Membership</a> </div>


+ Change css

Open templates/ja_mero/css/themes/abstract/template.css file

From

.btn-big {
background-position: center center;
background-repeat: no-repeat;
height: 240px;
position: relative;
width: 219px;
text-align: left;
vertical-align: bottom;
}


change to


.btn-big {
background-position: center center;
background-repeat: no-repeat;
height: 240px;
position: relative;
width: 240px;
text-align: left;
vertical-align: bottom;
}


And change Image with width: 240px on this script


.icon-platinummembership {
background-image: url(../../../images/ico/platinummembership.png);
margin: 0 0px 0px 0;
}

With image path: templates/ja_mero/images/ico/platinummembership.png


[Author]

Posts