Showing Hero items side by side
- Posted by Ilan Schoenfeld (9) Offline
Hi,
I'm using the newsy theme with 2 Hero items and two columns, and I would like them to show the items more square and side by side, currently they are showing very rectangular and on top of each other and too much to the left of the page, see image. I believe it has to do with the width of each item, I changed to the carouselxt theme and they did change to be side by side but they are way to wide.
Thanks in advance
4 years 10 months ago #1
by Ilan Schoenfeld
I'm using the newsy theme with 2 Hero items and two columns, and I would like them to show the items more square and side by side, currently they are showing very rectangular and on top of each other and too much to the left of the page, see image. I believe it has to do with the width of each item, I changed to the carouselxt theme and they did change to be side by side but they are way to wide.
Thanks in advance
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5261) Offline
Hi ilansch,
You can use other theme for that, such as default theme or carouselxt theme.
Anyway I have changed the theme to carouselxt and added css code below to the css adjustment tab to add extra margin in the left and right of module, please have a look :
4 years 10 months ago #2
by TemplatePlazza
newsy theme is indeed designed to be like that. Hero items will always placed in the left column.I'm using the newsy theme with 2 Hero items and two columns, and I would like them to show the items more square and side by side, currently they are showing very rectangular and on top of each other and too much to the left of the page, see image
You can use other theme for that, such as default theme or carouselxt theme.
Regarding the width item that is too wide, carouselxt will automatically follow its parent wrapper/container. And the 'blog-top' module position you have in your template (where the minifrontpage is published) indeed have a full width characteristic (no margin left and right). Maybe you can try to change the module position to the other else.I changed to the carouselxt theme and they did change to be side by side but they are way to wide.
Anyway I have changed the theme to carouselxt and added css code below to the css adjustment tab to add extra margin in the left and right of module, please have a look :
.mfp_mid_319 {
margin:0 6em;!important }
Please Log in or Create an account to join the conversation.
- Posted by Ilan Schoenfeld (9) Offline
Perfect,
Greatly appreciated, now I understand what was happening and how to solve the issue.
Also thanks for the css margin, that looks much better o my site.
Great extension and great and fast support!
Thanks
4 years 10 months ago #3
by Ilan Schoenfeld
Greatly appreciated, now I understand what was happening and how to solve the issue.
Also thanks for the css margin, that looks much better o my site.
Great extension and great and fast support!
Thanks
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5261) Offline
You're most welcome ilansch. Glad to know the problem is already solved now
4 years 9 months ago #4
by TemplatePlazza
Please Log in or Create an account to join the conversation.