how to change css | DesignWall

Claudia Orengo Guardiola
asked 8 years ago

Hello!!

How can I change the css in my theme? I followed the inspector on Chrome to find out the files where the code was but it gives me an url like dw-brickstone/assets/assets/css and in my ftp I only have one assets folder. I do the changes there but nothing appears in the website…

Thanks!
Claudia

5 Answers

DominicStaff
answered 8 years ago

Please let me know the position that you want to change the CSS, I will help you resolve it, you can send me a screenshot for further checking. After checking your site, I will help you resolve it.

Claudia Orengo Guardiola
answered 8 years ago

The first thing I want to change is the green color (#1ec185), I want it to be #FF7178 everywhere.

I also want to keep the font Montserrat for titles and buttons but use the font PT Serif italic in paragraf texts.

I’m working here: http://www.lovingibizaweddings.com/shop

Thanks

Caio M
answered 8 years ago

You should be able to overwrite the CSS rule in your own theme’s style.css file without having to change DWQA’s stylesheet. Using the code inspector, find what rule is making your font color, copy the CSS selector ( example: .dwqa-question-title{font-color: #000;} ) and paste it into your theme’s stylesheet and change it in there.

Hope it helps…

Dominic Staff
replied 8 years ago

Thank for your help, I appreciate. But, the question of laudia Orengo Guardiola is DW Brick Store Theme and not the Q&A plugin. However, your answer is great help with user of Q&A plugin.

DominicStaff
answered 8 years ago

@Claudia Orengo Guardiola, If you want to change the color, of the theme, you can add the following code to the style.css file:

span.onsale {

 background-color: #FF7178 ;

}

ul.list-category-product li.product .shop-wrap-thumbnail .added_to_cart, ul.list-category-product li.product .shop-wrap-thumbnail a.button, ul.list-category-product li.product .shop-wrap-thumbnail a.quickview, ul.products li.product .shop-wrap-thumbnail .added_to_cart, ul.products li.product .shop-wrap-thumbnail a.button, ul.products li.product .shop-wrap-thumbnail a.quickview {

 background-color: #FF7178;

 border-color: #FF7178;

}

ul.list-category-product li.product h3:before, ul.products li.product h3:before {

 background-color: ##FF7178;;

}

div.product .product_title {

 font-family: 'Montserrat', sans-serif;

}

.block-s1 .block-title a {

 font-family: 'Montserrat', sans-serif;

}

ul.list-category-product li.product h3 a:hover, ul.products li.product h3 a:hover {

 color: #FF7178;

}

If you still some the position does not change the color, please let me know the position, I will help you.
Hope this helps!

Claudia Orengo Guardiola
answered 8 years ago

Great! Thank you so much.

I’m also trying to display the variations labels in the product page. I see that in woocommerce.css they are invisible:

div.product form.cart .variations .label {

display: none;

}

And although I change it in the wordpress editor it keeps invisible.

If you know how to change it I’ll be very greatfull!

Thanks 🙂

Dominic Staff
replied 8 years ago

You can add the following code to the style.css file of your theme:

div.product form.cart .variations .label {
display: block;
}

Claudia Orengo Guardiola
replied 8 years ago

Thanks!