Solved

I want to change colour of button of custom added video with text section

Shivani3
Excursionist
65 0 13

I have created a section video with text using coding for dawn theme, it has a button, I want to change the button text colour, Please help me out with it? I have used this article to make the section    =  https://community.shopify.com/c/shopify-design/how-can-i-create-a-video-with-text-section-in-the-daw...

Accepted Solution (1)

Rishihuptech
Shopify Partner
596 105 119

This is an accepted solution.

Hello! @Shivani3  Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

 

.video-with-text__content .video-with-text__text + .button {
  color:#fff;
}

 

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 4 (4)

Rishihuptech
Shopify Partner
596 105 119

This is an accepted solution.

Hello! @Shivani3  Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

 

.video-with-text__content .video-with-text__text + .button {
  color:#fff;
}

 

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Shivani3
Excursionist
65 0 13

It is working, Thank you!

BSSCommerce-B2B
Shopify Expert
370 62 74

Dear @Shivani3 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1717756352776.png

 

Step 2: Search for the file base.css, theme.css, styles.css or theme.scss.liquid. And add this code snippet to the end of the file.

.video-with-text__content .video-with-text__text + .button {
  color: red !important;
}

In this step, you can change the color which you want. 

In my example, I choose color red. 

Step 3: Save your code and reload this page.

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Spac-es
Shopify Partner
374 109 130

Add this code in your base.css file:

 

.video-with-text__content a {
  background-color: #0078a0 !important;
  color: white !important;
}

 

Customize the background color of the button and the text color to your liking!

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!