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

Solved

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

Shivani3
Excursionist
74 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)

Huptech-Web
Shopify Partner
1016 204 220

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)

Huptech-Web
Shopify Partner
1016 204 220

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
74 0 13

It is working, Thank you!

BSSCommerce-B2B
Shopify Partner
1972 564 561

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! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Spac-es
Shopify Partner
406 119 153

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!