Joomla Templates Club 406,261 posts

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1061621

On desktop view when the window is wide I would like to move all the home page modules down the page so the slideshow has more room to display more of the image – as per the red lines on attached. All other size views are OK.

---

Attachments:

1. 

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

#1061691

Hi
Can you share the URL of site.
I checked a site you shared in past and it does not cover up the slideshow image http://prntscr.com/gkhd51

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1061728

You are looking at the correct website. But the slideshow only gets squashed to much on the desktop wide view. ie open the browser window to a greater width to see the problem. When you make the browser window wider it looks like the screenshot at the head of this post. Thanks

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

#1061732

Hi
Add below code in custom.css file

.t3-slideshow {
    margin-bottom: 0!important;}

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1061761

Not working – I attach my custom css for you to check

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

#1061762

Hi
Please check custom.css file again,
You have wrong code in it so the new code not working.
I mentioned the error here: http://prntscr.com/gkkks6
Correct them and the code I suggested above will work.

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1061765

`.grid-list .isotope-item .item-image img {
width: 100%;
}
.page-header {
padding-bottom: 0px!important;
margin: 0px!important;
border-bottom: 1px solid #eeeeee;
}
.item-page article {
padding-top: 0px;

}
.customcustom_home_about {
padding: 25px 25px;
font-size: 19px;
line-height: 33px;
text-align: justify;
}
.customcustom_home_about a{
background: #dab10d;
color: white;
padding: 10px;
}
.home .t3-mainbody {
position: relative;
z-index: 2;
background: url(/templates/ja_decor/images/mainbody-bg.png) no-repeat left top;
}

@media (max-width: 768px) {
.ja-ss-btns {

    display: none;
}
    @media (max-width: 768px) {

.ja-ss-desc .ja-ss-caption {

display: none;

}
.t3-slideshow {
margin-bottom: 0!important;}

}}`

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

#1061933

Hi
Can u correct the css as i suggest here

http://prntscr.com/gkkks6
Once you will correct it the code will work.
Or you can add the code i first line of custom.css to see its working.

Regards

[Author]

Posts