Joomla Templates Club 406,261 posts

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#165799

Hello!
I’m from Spain and my English is bad, sorry.

I’ve bought Teline IV template and I am building my website. I have a problem, I need to reduce the size of the Magazine Menu.

Look: http://cantabriadeportiva.es/cantabriadeportiva/

I have 20 diferents elements with text and image in 3 rows and I need 2.
I have 2 ideas:

• Edit panding
• Edit letters size

How can I do them?
Do you know a better way to do it?

Thanks!!!!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399150

Hi,
You login backend > Extensions > Module Manager > JA News – Default Layout > THEME SETTINGS.Edit Columns.

1 user says Thank You to khoand for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399209

I think I didn’t explain the problem well…

I have 20 diferentes elements in the magazine menu ( Albericia, Bezana …) in three rows and I need only two. I think I can modify the panding of the menu elements to reduce their size.

Thanks

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399213

You can set the number of columns you use in the way khoand described above. If that is not what you want please post images showing what it is like now and what you would want it to be like.

1 user says Thank You to Phill for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399221

I’ve uploaded an image. You can see three rows and I want only two. ¿What is the best way to do it? How can I do it?

Thanks!:)

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399223

Ahh, I see, you simply have too many menu items and will need to create sub menu (dropdowns) items. Is that what you want?

1 user says Thank You to Phill for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399224

<em>@phill luckhurst 250641 wrote:</em><blockquote>Ahh, I see, you simply have too many menu items and will need to create sub menu (dropdowns) items. Is that what you want?</blockquote>

I Need all of them in main menu, I don’t want drop menu.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399277

Then there is nothing you can do except reduce the size of the font a little. You just cannot have so many words in such a small space.

1 user says Thank You to Phill for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399299

<em>@phill luckhurst 250702 wrote:</em><blockquote>Then there is nothing you can do except reduce the size of the font a little. You just cannot have so many words in such a small space.</blockquote>

I’ll try it, ¿how can I do it?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399301

Hi,
You replace this code from http://cantabriadeportiva.es/cantabriadeportiva/t3-assets/css7a662.css

.ja-megamenu ul.level0 li.mega a.mega {
display: block;
margin: 3px;
padding: 4px 8px 3px;
text-decoration: none;
color: black;
text-transform: uppercase;
font-size: 125%;
font-weight: bold;
}
with

.ja-megamenu ul.level0 li.mega a.mega {
display: block;
margin: 1px;
padding: 4px 8px 3px;
text-decoration: none;
color: black;
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
}

1 user says Thank You to khoand for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399321

<em>@khoand 250728 wrote:</em><blockquote>Hi,
You replace this code from http://cantabriadeportiva.es/cantabriadeportiva/t3-assets/css7a662.css

.ja-megamenu ul.level0 li.mega a.mega {
display: block;
margin: 3px;
padding: 4px 8px 3px;
text-decoration: none;
color: black;
text-transform: uppercase;
font-size: 125%;
font-weight: bold;
}
with

.ja-megamenu ul.level0 li.mega a.mega {
display: block;
margin: 1px;
padding: 4px 8px 3px;
text-decoration: none;
color: black;
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
}
</blockquote>

I’ve replaced theese lines but something strange happened. It worked well at the first time, but since I changed a menu item, everything became to be the same.
I try to clean J3 cache and css7a662.css file disappeared and I’ve to upload again but now it doesn’t work.

In resume, it worked well in the beggining but since I changed a menu item everything estopped working.

I think you are in the right way but something is wrong

Thanks!

Edit: The Item menu I changed was SPORT because is an example. I have it to test.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399324

You should not be changing anything in css7a662 because you have discovered, they are just cache files and changes there will be lost when you refresh the cache. The css you need to look for is in the templates>ja_teline_iv>css folder probably either in template.cs or in the mega.css files. If you cannot find them please post a link to your site with css optimization set to “No” so we can tell you exactly where it is.

1 user says Thank You to Phill for this useful post

1. cantabriadeportiva

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399327

<em>@cantabriadeportiva 250751 wrote:</em><blockquote>I’ve replaced theese lines but something strange happened. It worked well at the first time, but since I changed a menu item, everything became to be the same.
I try to clean J3 cache and css7a662.css file disappeared and I’ve to upload again but now it doesn’t work.

In resume, it worked well in the beggining but since I changed a menu item everything estopped working.

I think you are in the right way but something is wrong

Thanks!

Edit: The Item menu I changed was SPORT because is an example. I have it to test.</blockquote>

You find this code from templatesja_teline_ivcssmenumega.css in the line #38

1 user says Thank You to khoand for this useful post

1. cantabriadeportiva

[cantabriadeportiva Friend cantabriadeportivaJoin date: June 2011Posts: 86Downloads:0Uploads:13 Thanks: 48 Thanked: 4 times in 1 posts]

#399329

<em>@phill luckhurst 250754 wrote:</em><blockquote>You should not be changing anything in css7a662 because you have discovered, they are just cache files and changes there will be lost when you refresh the cache. The css you need to look for is in the templates>ja_teline_iv>css folder probably either in template.cs or in the mega.css files. If you cannot find them please post a link to your site with css optimization set to “No” so we can tell you exactly where it is.</blockquote>

Yeah! I found it in mega.css. This is the solution!!!!

Joomlart support is great!!

Thanks a lot!!!

[Author]

Posts