Need changes in Header and Footer in Dawn theme

[swankykw]

I am new here and happy to join you.

I have 3 questions :

First question about the header :

1-when I hover over the button on the main banner image in the header section, I want to change the background color and the text color of the button ? see header attached pic

Second & third questions are about footer :

2- Under shop links , why there lines under the Home link and collection link ? I want active like to have underline only. How to remove the underline for collection because its not the active link ?

3- In footer at the bottom there is a copyright © 2023, Swankykw, I want to make my shop name start with capital letter ( S should be capital)?

kindly see attached footer pic

this is my website URL : www.swankykw.com

looking to hear your valuable feedback.

Regards,

M

[amine_diouane]

here is how to change the background color and text color when you hover over the button.

.button--secondary:hover {
    background-color: grey;
    color: aqua;
}

[amine_diouane]

To change the capitalization of a specific element using CSS, you can use the text-transform property with the value capitalize

small.copyright__content {
    text-transform: capitalize;
}

[ZestardTech]

Hello there,

1.First question about the header :
-when I hover over the button on the main banner image in the header section, I want to change the background color and the text color of the button ? see header attached pic

.banner__buttons a.button--secondary {
  background-color: #ffffff; /* set the default background color */
  color: #000000; /* set the default text color */
}
.banner__buttons a.button--secondary:hover {
  background-color: #000000; /* set the background color on hover */
  color: #ffffff; /* set the text color on hover */
}

2.Second & third questions are about footer :
-Under shop links , why there lines under the Home link and collection link ? I want active like to have underline only. How to remove the underline for collection because its not the active link ?

Remove this [ list-menu__item–active ] class from the second li.

3.In footer at the bottom there is a copyright © 2023, Swankykw, I want to make my shop name start with capital letter ( S should be capital)?

.copyright__content a {
    text-transform: capitalize;
}

[swankykw]

Good Morning

Thank you for your reply

can you can tell me in file in code , i need to add or edit to add your solutions

[swankykw]

Good Morning

Thank you for your reply

can you can tell me in file in code , i need to add or edit to add your solution

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → base.css and paste this at the bottom of the file:

.banner__buttons a.button--secondary {
  background-color: #ffffff; /* set the default background color */
  color: #000000; /* set the default text color */
}
.banner__buttons a.button--secondary:hover {
  background-color: #000000; /* set the background color on hover */
  color: #ffffff; /* set the text color on hover */
}
.copyright__content a {
    text-transform: capitalize;
}

[swankykw]

Hi

You said Remove this [ list-menu__item–active ] class from the second li.

In which code file ?

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → base.css and paste this at the bottom of the file:

.footer-block__details-content.list-unstyled li:nth-child(2) a[href="/"] {
    text-decoration: none;
}