help with custom CSS

balux,

So have you actually added that CSS to the theme? If it’s set up as a Child Theme, you should be able to add it to the Child Theme’s style.css. If you’re just using the theme “out of the box” you should just be able to locate either style.css or main.css and add the CSS you want at the very bottom of the file. I would normally advise against this because when the theme gets updated you’ll lose your changes but it looks like that theme hasn’t been updated in 2 years (which is not good in itself).

Hi,
thank you. Yes but, in the example there’s a p tag ( the example won’t work without it)..which is not in my header.php

this is the code in my header..

<div id="siteinfo">
<h1>
<a href="<?php echo esc_url(home_url()); ?>/"><?php bloginfo('name'); ?></a>
</h1>
</div>

then I need to find the way to adapt the css to this wp code

thanks

No—you don’t need the <p> tag at all. If you look at the CSS you posted, it doesn’t reference a <p> but rather the #spinner ID. Take a look at this Codepen I just did. I took your code but the only change I made was to add the id=”spinner” to your

https://codepen.io/cdcampbell26/pen/xZEKeP?editors=110

Hi, thank you..I see the example but it does not rotate anymore..

thanks!

You’re looking at my Codepen here? https://codepen.io/cdcampbell26/pen/xZEKeP?editors=110

It’s the same exact code you posted and rotates for me—what browser or device are you viewing it with?

firefox..however I see it’s ff issue..opera and ie11 works fine..weird as the first code I posted in jsfiddle was working..

do you see it rotating at my website? Because I don’t (and it looks like there’s something weird because opera shows some old modifications I made and deleted from the code) https://francescosoave.com/

Here it is on JSFiddle, same code just applying to the a and the p.

Sorry—here is the fiddle link: https://jsfiddle.net/cdcampbell26/6HCRs/335/embedded/result/

Also, looking at the code on your site, you’ve added the ID spinner where it needs to be but you haven’t added the actual CSS anywhere in the stylesheet. Get that added and you’ll be golden!

? It is added..style.css -> line 200

All I know is that if you inspect the element, the #spinner ID isn’t shown anywhere which means that the code isn’t added are didn’t get updated in the correct place. https://i.imgur.com/AL4Wivg.png

View post on imgur.com

when I change the code..does it take time to become ‘operative’ or it should be immediately updated? because I am having some weird behave..like it takes lots of time to see the changes in the website..
also..does it change anything if I put the code in the middle of the CSS or in the end of the file?

I see in firebug that the code is missing all the keyframe and spinner part..along with other things that I did earlier today..no idea why, as in style.css everything is fine and the code is there.. :/
edit: I also checked the original css file in my ftp and it shows the right code..

up..I still can’t find where the problem is..the code is written properly in the style.css but it won’t show in the website.. :/

solved..not sure how but I think it was something with the cache of browsers and wp..apparently the code does not work in firefox when applied to the tag..works fine with chrome, safari, ie and opera.
In this example (in firefox) I only see the second text spinning, the first one is not. any idea why? chrome, ie, safari and opera work fine.