Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963167

Hi Guys I have my site http://www.vivaasiamagazine.com you will see in the logo position to the left of teh main banner advert I have the text logo.

I am building another site within a site here http://vivaasiamagazine.com/index.php/statistics/single-article/viva-vietnam and as you can see the text logo is to big. Is there a way of editing the Viva Vietnam font size so it fits in the available space without the font size on the home page of Viva Asia changing as well?

Also this is probably a sill y question for more experienced users but I can’t figure out how to I clone or copy the main menu (Home, Investment Cars Boast ………) so i can assign it to the new page Viva Vietnam?

Many thanks Jim.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#963170

Hi
Use this code to change the logo text size only for that menu

.itemid-372 .logo-text a {   font-size: 70px; }

To duplicate menu You can save the menu item > save as copy or use Batch option to copy menu on another menu location from menu options .

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963172

Thanks Pankaj do i put that in my custom css file? (its ok done that part and works great thanks).

Re the menu when i go to menu manager menus I don’t get the option to batch or save as. I must have done it before as I have other menus there but I can’t remember what I did 🙁

Jim

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#963183

Hi
Take a look Here > http://prntscr.com/cak3t5
Save as > http://prntscr.com/cak3zx

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963197

Thanks Pankaj,

I am getting there. when i click on the top navigation Viva Vietnam all is good. http://vivaasiamagazine.com/index.php/statistics/single-article/viva-asia-vietnam

If i then click on HOTELS tab on main menu then the logo goes back to the old size http://vivaasiamagazine.com/index.php/statistics/single-article/hotels-viet

And then if from there i click on Vietnam Home then it goes back to the Viva Asia Magazine main site.

Sorry for all the questions I think I may have missed something with the copying over.

Jim

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#963201

Hi
the code .itemid-372 .logo-text a { font-size: 70px; }
is only for the menu item iD 372 if you want to apply it on other items then add code with their menu item id .
372 is the Meniu item ID . Or you can also use page class in the menu options and then replace the .itemid-372 with page class u added in the menu .
Documentation of Page class suffix here

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963205

Thanks Pankaj for all the help. I found it easier just to add the itemid numbers.
One last thing for today 🙂 What code would i need to add to that item id code to change the colour of the text for teh text logo?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#963220

Hi use this
itemid-372 .logo-text a { color:#fff; }

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963236

Thanks Pankaj,

So now I have it like this but the logo is still black:

itemid-388 .logo-text a { font-size: 60px; }
aitemid-388 .logo-text a { color:#E21C1C; }
.itemid-376 .logo-text a { font-size: 60px; }
itemid-376 .logo-text a { color:#E21C1C; }
.itemid-372 .logo-text a { font-size: 60px; }
itemid-372 .logo-text a { color:#E21C1C; }
.itemid-377 .logo-text a { font-size: 60px; }
itemid-377 .logo-text a { color:#E21C1C; }
.itemid-378 .logo-text a { font-size: 60px; }
itemid-378 .logo-text a { color:#E21C1C; }
.itemid-379 .logo-text a { font-size: 60px; }
itemid-379 .logo-text a { color:#E21C1C; }
.itemid-380 .logo-text a { font-size: 60px; }
itemid-380 .logo-text a { color:#E21C1C; }
.itemid-381 .logo-text a { font-size: 60px; }
itemid-381 .logo-text a { color:#E21C1C; }

Jim

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#963318

Hi
you code has errors , kindly correct them and add code again its working : http://prntscr.com/caxjq0

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#963339

Thanks Pankaj, I forgot the .

If anyone gets the chance to look at my other problem it would make my weekend https://www.joomlart.com/forums/topic/new-menu-item-problems/
Not sure what setting I have missed. I can PM you login details if required.

Jim

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#978149

Hi Pankaj,

I tried to change the colour of the logo in another section by duplicating the code and changing the menu numbers but for some reason it stays black? This is the page http://www.vivaasiamagazine.com/index.php/statistics/single-article/viwc

This is now the code:

}
.article-navigation.top { display: none; }
.itemid-388 .logo-text a { font-size: 60px; }
.itemid-388 .logo-text a { color:#E21C1C; }
.itemid-376 .logo-text a { font-size: 60px; }
.itemid-376 .logo-text a { color:#E21C1C; }
.itemid-372 .logo-text a { font-size: 60px; }
.itemid-372 .logo-text a { color:#E21C1C; }
.itemid-377 .logo-text a { font-size: 60px; }
.itemid-377 .logo-text a { color:#E21C1C; }
.itemid-378 .logo-text a { font-size: 60px; }
.itemid-378 .logo-text a { color:#E21C1C; }
.itemid-379 .logo-text a { font-size: 60px; }
.itemid-379 .logo-text a { color:#E21C1C; }
.itemid-380 .logo-text a { font-size: 60px; }
.itemid-380 .logo-text a { color:#E21C1C; }
.itemid-381 .logo-text a { font-size: 60px; }
.itemid-381 .logo-text a { color:#E21C1C; }
.itemid-394 .logo-text a { color:#E21C1C; }
.itemid-401 .logo-text a { color:#E21C1C; }
.itemid-406 .logo-text a { color:#E21C1C; }
.itemid-402 .logo-text a { color:#E21C1C; }
.itemid-403 .logo-text a { color:#E21C1C; }

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#978196

Hi
the page is giving 404 error : http://prntscr.com/cwbfoq

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#978302

Sorry its this one http://www.vivaasiamagazine.com/index.php/viwc

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#978341

Hi
You have to check the site , the code is already working : http://i.prntscr.com/1df54f65aeb74af3b617bf66926f8dad.png
Clean your browser cache and check.

1 user says Thank You to Pankaj Sharma for this useful post

1. James Weston

[Author]

Posts