Joomla Templates Club 406,261 posts

[jewellman Friend jewellmanJoin date: September 2009Posts: 80Downloads:25Uploads:19 Thanks: 10]

#787025

I have a couple of extensions installed on my Fixel site. One is a newletter subscriber(mailchimp subscribe) and the other is a basic countdown module(OT Event Countdown). I wanted to have a background color on them so in the module class suffix for example i have this:
grid-2×1 grid-pos-2 red

However, on the front end, the red doesn’t fill the whole tile. it leaves a white space under the countdown and the subscriber (screenshots attached). The two modules have two different color backgrounds, so changing the background of all the tiles to red wouldn’t fix the problem.

Is there a way I can specify the height of the module to be 300 so it fills the whole tile? Or some other remedy?

Thanks

---

Attachments:

1. 
2. 

[jewellman Friend jewellmanJoin date: September 2009Posts: 80Downloads:25Uploads:19 Thanks: 10]

#788729

Ok, I have figured out how to resize the Countdown Module. It has a .css file in modules/mod_eventcountdown/assets/css

No such file on the mailchimp subscriber though. Still need help with that one.

Thanks

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

#791723

Hi,

In this case, I need to check this problem directly on your site, you can give the URL of your site, I will help you to check it further.

Regards

[jewellman Friend jewellmanJoin date: September 2009Posts: 80Downloads:25Uploads:19 Thanks: 10]

#795350

The URL is bigomusicfest.com/new

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

#803061

You can fix the problem with my solution below

Open templates/ja_fixel/css/custom.css file and add new css style

.t3-module.orange, .module.orange {
    width: 100% !important;
    height: 100% !important;
}

.t3-module.red, .module.red {
    width: 100% !important;
    height: 100% !important;
}

Hope it helps

[jewellman Friend jewellmanJoin date: September 2009Posts: 80Downloads:25Uploads:19 Thanks: 10]

#819121

Thanks! It works.

[Author]

Posts