Colour Changes for Main Menu etc

More
1 year 4 months ago #50592 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.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 year 4 months ago #50593 by milos
Hello,

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.

More
1 year 4 months ago #50594 by rhmacmillan
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

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 year 4 months ago #50596 by milos
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

Please Log in to join the conversation.

More
1 year 4 months ago #50598 by rhmacmillan
Brilliant! Thank you. It was all about clearing cache.
Your assistance is appreciated.
Regards

Please Log in to join the conversation.

Time to create page: 0.254 seconds
Powered by Kunena Forum