Joomla Templates Club 406,261 posts

[46404888 Friend 46404888Join date: January 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#193908

I hope some one can help me.

Is it possible to get the “Side News-module” to show 3-4 news horizontally.
Right now, the texts also are very narrow – i want them to be a little wider wider.
The module must have the position it has now.

I hope some one can tell me where i have to edit.

My site is http://www.lejre-brand.dk

Thanks in advance

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519184

@46404888,

At present, your “Side News-module” uses class suffix “col-6” that means the module’s items show 6 columns which makes the width small. If you want the theme to be wider, please go to the module manager, and change class suffix from “col-6” to “col-5” or “col-4”.

Note: before change class suffix, please open templatesja_bookshopcsscustom.css (create such new file if it does not exits ) and add css rule:



.col-5 .ja-sidenews-list,
.col-4 .ja-sidenews-list,
.col-3 .ja-sidenews-list,
.col-2 .ja-sidenews-list {
margin: 0 -15px;
}

.col-5 .ja-slidenews-item,
.col-4 .ja-slidenews-item,
.col-3 .ja-slidenews-item,
.col-2 .ja-slidenews-item {
clear: none;
padding: 0 15px;
}

.col-5 .ja-slidenews-item {
width: 20%;
}

.col-4 .ja-slidenews-item {
width: 25%;
}

.col-3 .ja-slidenews-item {
width: 33.33%;
}

.col-2 .ja-slidenews-item {
width: 50%;
}


1 user says Thank You to Css Magician for this useful post

1. 46404888

[46404888 Friend 46404888Join date: January 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#519269

Perfect

Now it’s working.

[Author]

Posts