Problem with Custom CSS Button

Solved
Highlighted
Tourist
7 1 2

I'm trying to add a very simple button to a page (.page template)

 

Correct button as seen in page editor.Correct button as seen in page editor.

 

but the text color and border rules are being ignored on preview/live page. Screenshot 2020-05-26 at 12.38.04 PM - Edited.png

 

I'm a novice and only know the basics in HTML & CSS but I tried following the instructions from this post. 

I added Theme->Assets-> custom.scss.liquid.  Where should I add the " {{ 'custom.scss.css' | asset_url | stylesheet_tag }}"? 

 

I am also getting an error message: Invalid CSS after "": expected selector or at-rule, was "<style>" at 1.

 

 

 

 

 

 

 

1 Like
Highlighted
Shopify Partner
4798 709 1516

Hello, @Lmehra 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 1 2
Highlighted
Shopify Partner
4798 709 1516

@Lmehra 

Thanks for URL.

sorry. we can't see this page please provide page url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
7 1 2

I'm using this page as a draft while i work on the CTA button:

https://loveindieb.com/pages/cta

 

Once finalized, the button will live on this page:

https://loveindieb.com/pages/woman-owned-virtual-pop-up

 

0 Likes
Highlighted
Shopify Partner
4798 709 1516

@Lmehra 

Thanks for URL

sorry but i can't see as per attachment also cta 404 Page Not Found so please check and let me know proper URL.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 1 2

try the link again. it should be visible now.

1 Like
Highlighted
Shopify Partner
4798 709 1516

This is an accepted solution.

@Lmehra 

Thanks for update

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

#page-cta a.button1 {
    color: #fff;
}
#page-cta a.button1:hover {
    color: #000;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 1 2

Perfect! Thank you!

 

Will I need to add additional code for every page I want to add a button to? (ie. page-woman-owned-virtual-pop-up)

0 Likes
Highlighted
Shopify Partner
4798 709 1516

This is an accepted solution.

@Lmehra 

Yes, just change page id 
just frontend check body tag you can see page id just input 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like