Joomla Templates Club 406,261 posts

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#204309

Hey

The title and the colum space looks very bad. The title is to much up, and the space in between the colums is very long.

Url: http://www.laliganews.dk

how can i make this:

look like for example like this:

---

Attachments:

1. 
2. 

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

#561530

Hi there,

It would better if you can provide us your administrator account to check. Anyway, please open custom.css file(create a new one if it does not exist at ja/templates/ja_fubix/css/custom.css) then add

.category-item, .cat-children > div {
float: left;
width: 20%;
text-align: center;
}

Result look like so

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#561588

Looks great. But what about the title? There is no padding between the title below and the picture above

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#561592

is it also possible to exclude these css settings for the “Trupper” menu. Because it destroyed the layout in there

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

#561599

<em>@jurridk 461517 wrote:</em><blockquote>is it also possible to exclude these css settings for the “Trupper” menu. Because it destroyed the layout in there</blockquote>

What do you mean about that? Could you please give me a screenshot to check?

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#561606

how it was:

how it is after the code

how can I keep the original?

---

Attachments:

1. 
2. 

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

#561673

Of course, the css code above will be applied for all menu item linked to categories. In this case, if you dont want the css code effect to Trupper menu, just add the page class for Nyheder menu item

Go to Main Menu -> Nyheder -> Page Display -> put cssme into page class text box

Next, open custom.css file then find the css code

.category-item, .cat-children > div {
float: left;
width: 20%;
text-align: center;
}

change to

.cssme .category-item, .cat-children > div {
float: left;
width: 20%;
text-align: center;
}

<blockquote> But what about the title? There is no padding between the title below and the picture above</blockquote>

try this

.cat-children h3 {
padding-left: 40px;
}

changing the padding left property match with your needs.

1 user says Thank You to phong nam for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#561697

Wow… Thanks for the help.
That make me wounder if it’s possible to add the text {fcomment} to all my articles under a certain article category, because I have plugin that only appear if I do that.

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

#561865

Hi jurridk,

Do you want enable plugin facebook comment for special category?

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#561943

Yes, exaclty 🙂 ?

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

#562035

NO, you cant use {fcomment} plugin for special category ids, try this plugin, yes this plugin allows you config facebook comment for special Joomla! articles or Categories with few clicks.

Thanks

1 user says Thank You to phong nam for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#562313

Thanks for the tip. I will definitly try it out.

but back to the main problem… The thing is that the changes in css you helped me with to edit the category items have caused destroying the layout of the smartphone responsiv layout:

---

Attachments:

1. 

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

#562334

Hi there,

You can solve this issue on mobile devices by defining media query like so

@media (min-width: 980px) and (max-width: 1199px) {
.cssme .category-item, .cat-children > div {
float: left;
width: 20%;
text-align: center;
}
}

Thanks

1 user says Thank You to phong nam for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#562961

Hey Leo
could you also tell me how to make a table responsive? My table is cotted when being responsiv?

---

Attachments:

1. 
2. 

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

#563212

Hi jurridk ,

Could you please give me exact the article link to check this case?

Thank you

1 user says Thank You to phong nam for this useful post

1. Mohamed H. Jurriah

[Author]

Posts