- Posts: 24
- Thank you received: 0
Colour Changes for Main Menu etc
-
rhmacmillan
Inactive member - Topic Author
- Member
Less
More
1 year 4 months ago #50592
by rhmacmillan
Colour Changes for Main Menu etc was created by rhmacmillan
I have upgraded my Joomla 3.10.12 site to Joomla 4 and installed the Ballet template for Joomla 4. I now need to:
1 - Change the colours of the top (main) menu, the top (logo and branding) row, and copyright rows to blue (#05144b).
2 - Change the colour of the Copyright row and the Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows, and the Top row (Branding and Menu icon before scrolling) to red (#cf152c).
I should appreciate you assistance.
1 - Change the colours of the top (main) menu, the top (logo and branding) row, and copyright rows to blue (#05144b).
2 - Change the colour of the Copyright row and the Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows, and the Top row (Branding and Menu icon before scrolling) to red (#cf152c).
I should appreciate you assistance.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6742
- Thank you received: 715
1 year 4 months ago #50593
by milos
Replied by milos on topic Colour Changes for Main Menu etc
Hello,
Edit file /media/templates/site/ballet/css/custom.css and change color here:
Change the copyright background color in the template parameters, under Layout > Row Settings (next to maprow and copyright row - the last two rows).
The background color of the branding and menu icon before scrolling comes from the slider image. So, the slider image itself should be changed (images/carousel/slide1.jpg, images/carousel/slide2.jpg, etc.).
Regards,
Milos
Edit file /media/templates/site/ballet/css/custom.css and change color here:
Code:
.toprow.topmenushow {
position: fixed !important;
background: #2b211d !important;
}
Change the copyright background color in the template parameters, under Layout > Row Settings (next to maprow and copyright row - the last two rows).
The background color of the branding and menu icon before scrolling comes from the slider image. So, the slider image itself should be changed (images/carousel/slide1.jpg, images/carousel/slide2.jpg, etc.).
Regards,
Milos
Please Log in to join the conversation.
-
rhmacmillan
Inactive member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
1 year 4 months ago #50594
by rhmacmillan
Replied by rhmacmillan on topic Colour Changes for Main Menu etc
Thank you for your reply. However, two of these solutions seems to work. The background colour of the copyright row does not change when set in the layout section of Sparky framework It remains black.
I wish to also change the colour of the main menu (top menu) .
I also need to change the colours of the backround for Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows.
Thanks for assisting,
Regards
I wish to also change the colour of the main menu (top menu) .
I also need to change the colours of the backround for Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows.
Thanks for assisting,
Regards
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6742
- Thank you received: 715
1 year 4 months ago #50596
by milos
Replied by milos on topic Colour Changes for Main Menu etc
Hello,
The maprow and copyrightrow background colors can be changed in the Row Settings, as I explained. If you used template style 2, or other, then you should change it in file /media/templates/site/ballet/css/styles/style2.css (or 3, etc.). The same is valid for Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows.
If you don't see the change after the file update, then clear the browser cache and reload several times.
The menu colors can be changed in the template options under Menus.
Regards,
Milos
The maprow and copyrightrow background colors can be changed in the Row Settings, as I explained. If you used template style 2, or other, then you should change it in file /media/templates/site/ballet/css/styles/style2.css (or 3, etc.). The same is valid for Bottom 1, Bottom 2, Bottom 3 and Bottom 4 rows.
If you don't see the change after the file update, then clear the browser cache and reload several times.
The menu colors can be changed in the template options under Menus.
Regards,
Milos
Please Log in to join the conversation.
-
rhmacmillan
Inactive member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
1 year 4 months ago #50598
by rhmacmillan
Replied by rhmacmillan on topic Colour Changes for Main Menu etc
Brilliant! Thank you. It was all about clearing cache.
Your assistance is appreciated.
Regards
Your assistance is appreciated.
Regards
Please Log in to join the conversation.
Time to create page: 0.254 seconds