Joomla Templates Club 406,261 posts

[stulaine Friend stulaineJoin date: February 2014Posts: 106Downloads:194Uploads:9 Thanks: 20 Thanked: 24 times in 2 posts]

#194737

Hello,

I am attempting to get some alignment working for me in the top container (spotlight). I have search through some CSS but can’t find where I can make an adjustment to get the slideshow and featured highlight to have the same height. I require the slideshow to have a 6:4 ratio and need to adjust position 2 and 3 to line up. Changes to the slideshow height are not impacting the change.

Where is the css to adjust the T3 spotlight container?

---

Attachments:

1. 

[stulaine Friend stulaineJoin date: February 2014Posts: 106Downloads:194Uploads:9 Thanks: 20 Thanked: 24 times in 2 posts]

#522453

Looking further this might be the side news module and perhaps some padding with it. The slideshow adjusts properly for its settings but the sidenews must have some css setting I can’t find to get it to adjust in alignment with the slideshow.

Interesting and related the slide show for the shop is aligned but it is not showing any images.

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#522533

Hi stulaine,

The padding of Sidenews module on Bookshop template depends on that of Boostrap column. You can try to create a custom.css file at templates/ja_bookshop/css/ path and put these css rules into:

.t3-spotlight-1 .col-lg-3,
.t3-spotlight-1 .col-xs-6,
.t3-spotlight-1 .col-md-6 {
padding-left: 0;
padding-right: 0;
}

[stulaine Friend stulaineJoin date: February 2014Posts: 106Downloads:194Uploads:9 Thanks: 20 Thanked: 24 times in 2 posts]

#522583

Leo,

Thank your for the information but unfortunately changing the padding left and right was not my problem. In fact that just smashes the sidenews module against the slideshow. The div class “module-inner” holds both positions for slideshow and sidenews but they will not align. They did before I made the change from the demo but now they won’t match.

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#522621

@stulaine : After reading your question, i want to focus to answer this main concern:

<blockquote> but can’t find where I can make an adjustment to get the slideshow and featured highlight to have the same height. </blockquote>

In fact, you just need to set the min-height of JA Sidenews module to make it have the same height with the left Slideshow, rather than changing the container. You can try to create a custom.css file at templates/ja_bookshop/css/ path and put these css rules into:

.t3-module.module.highlight.jmoddiv {
min-height: 393px;
}

Adjust the value until you get perfect. Do not forget to inform me how it goes.

[Author]

Posts