Adding custom css

Adding custom css

Padma20
Shopify Partner
9 0 0

I am using impact theme in shopify and for header part I want that in responsive design the menu will come with  image icon which is not coming now through theme feature. So I am using css to implement it. But after writing the css It is saying that invalid css.

 

the css that I have written -> 

ul li:nth-child(1)::before {

content: "";

background-image: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQMZv2eiCuGTkQ3t_uVGto5P1vL1qTFPYvSHkmihVLkc5Z5...');

}

 

how to solve this error

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
8465 1664 1676

:before, :after does not accept in Custom CSS of theme settings.

You can wrap this code into <style></style> and add it to your theme.liquid file after <head> 

So the code like this 

<style>
ul li:nth-child(1)::before {
content: "";
background-image: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQMZv2eiCuGTkQ3t_uVGto5P1vL1qTFPYvSHkmihVLkc5Z5...');
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

webwondersco
Shopify Partner
1113 165 162

@Padma20, hope you are doing well.

 

Could you please share your store URL and section where you want to apply this CSS?

 

 

Also, please try this CSS if it will work.

ul li:first-child::before {
content: "";
background-image: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQMZv2eiCuGTkQ3t_uVGto5P1vL1qTFPYvSHkmihVLkc5Z5...');

}

 

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Padma20
Shopify Partner
9 0 0

I have tried the above css but it does not take any url. After giving any url it is giving error saying invalid css and invalid url. But url is not invalid.

webwondersco
Shopify Partner
1113 165 162

@Padma20 Could you please share your store URL?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram