Lucas Liaskos
asked 6 years ago

Hi there,
I would like to add some CSS3 code so the small boxes that display the categories (coding, design, etc) are a bit rounded and have drop shadows. I have the code I just don’t know in which file in the editor I should put the code.

Also in the same manner, where do I put the code for the slider and for the featured images for each post?
Thanks
Luke

2 Answers
DominicStaff
answered 6 years ago

To add CSS code for the DW Argo theme, you can do as the following. Please follow the jetpack’s guideline first in the Blog article on how to use Edit CSS here. http://cmspioneer.com/designwall/blog/using-jetpack-custom-css-for-your-wordpress-site/
After that, just add the code to the Edit Css.

Lucas Liaskos
replied 6 years ago

Thanks for this but I am looking at which element does what so I know what to edit. Obvisouly I changed the backround to a gradient using the #main function. I just don’t know which function corresponds to feature image boxes so I can add drop shadows, rounded corners, etc. The website is http://www.padpoet.com

Thanks for the Jetpack advice though. I will have a look at it. Right know I am using Custom CSS (plugin) which seems to work ok but like said I just don’t know what each element does

DominicStaff
answered 6 years ago

You can check the template.css file in the folder path “\wp-content\themes\dw-argo\css”. Can you tell me detail about the position that you want to change css? We will provide appropriate code for you.

Lucas Liaskos
replied 6 years ago

Hi Dominic. I did come changes in the template.css file and there is some progress, so nice!

By the way, images inserted in a post are not correcly aligned and therefore css does not look correct. Any way to tweak this? Here is the example post I am talking about:

http://www.padpoet.com/2012/12/showcase-debugging-station-dtl-h1002-dtl-h1100/

Dominic Staff
replied 6 years ago

You can add the following code to the Editor:
.single .post img {
max-width: 98%;
}
Regards,

Powered by DW Question & Answer Pro