Joomla Templates Club 406,261 posts

[simplesite Friend simplesiteJoin date: August 2013Posts: 155Downloads:0Uploads:57 Thanks: 20 Thanked: 4 times in 1 posts]

#191343

Hello,

For a 600×300 banner I like to create a custom html module setting the grid to grid2x1 but it’s not working.

I am not sure if it’s the template but can you please help?

when I try to take two blocks for a module, it doesn’t respond.

See the images. the first one is how it looks and the 2nd one is how I would want it to look. You can also see it live at the bottom:
http://kroeshaar.com/jfixel/index.php?option=com_content&view=category&layout=ja_fixel:fixel&id=56&Itemid=616

I hope you can help. Thanks.

---

Attachments:

1. 
2. 

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

#508929

I tried to access your site with username/password included on the thread but no success.

I have tested to change from Grid Type: 1×1 to 2×1 and put large image with size from 600×300 or larger, see the screenshot

---

Attachments:

1. 

[simplesite Friend simplesiteJoin date: August 2013Posts: 155Downloads:0Uploads:57 Thanks: 20 Thanked: 4 times in 1 posts]

#509011

I emailed you the right info. Can you please take another look because I am struggling with the same problem.

I am trying to create this layout:
http://kroeshaar.com/jfixel/index.php?option=com_jshopping&controller=products&task=&category_id=1&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=&product_id=&Itemid=540

But instead of the slide show I like to add a video also making the grid 3×2 but I get this layout:

http://kroeshaar.com/jfixel/index.php?option=com_jshopping&controller=products&task=&category_id=23&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=&product_id=&Itemid=626

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

#509138

I have defined grid-2×1 other css style on this file

+ Open templates/ja_fixel/css/custom.css file

Add new script

.custom.grid-2x1 {
width: 100% !important;
}

+ Add Module Class Suffix: grid-2×1 in WebShop (2) module

+ Add Module Class Suffix: grid-3×2 in Web Shop Twists Out module

Please check it again, let me know if it helps

[simplesite Friend simplesiteJoin date: August 2013Posts: 155Downloads:0Uploads:57 Thanks: 20 Thanked: 4 times in 1 posts]

#509349

The only problem is that I can’t assign a position now. How can I solve that? Your example only shows the grid size.

And another thing: why is the background of the modules black? Where how can I change it?
http://kroeshaar.com/jfixel/index.php?option=com_content&view=categories&id=39&Itemid=435

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

#509831

Main position in Home page is home_1 positon. You can assign many module into this position.

About the background of module, you can try this way

Open templates/ja_fixel/css/template.css file


.category-item.items.none .category-desc {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
padding: 40px;
position: absolute;
top: 0;
left: 0;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.category-item.items.none:hover .category-desc {
opacity: 0.9;
filter: alpha(opacity=90);
}
.ie8 .category-item.items.none .category-desc {
background: #000;
}


[Author]

Posts