Making changes in Sample.css doesn’t work

Update: I played around and found out that when i upload the page the font size quadruples, but if I am just preview changes the font size remains the same. Any idea why?

This may be something to do with caching.

When you look at the source code for your page, do you see a line like:

<link rel='stylesheet' id='rotatingtweets-yourstyle-1'  href='https://<yoursite>/wp-content/uploads/style.css?ver=426a4db8e3dc2cf957d390264d4c70c4' type='text/css' media='all' />

somewhere?

Yes, here is the line:

<link rel=’stylesheet’ id=’rotatingtweets-css’ href=’https://www.kohinoorrice.com/wp-content/plugins/rotatingtweets/css/style.css&#8217; type=’text/css’ media=’all’ />

Is it because of the W3 Total Cache Plugin ?

Anyway to fix it ?

This is the ‘standard’ CSS for Rotating Tweets and not your bespoke CSS.

I’ve just had a look for https://www.kohinoorrice.com/wp-content/uploads/rotatingtweets.css and it doesn’t seem to be there.

Has it uploaded successfully?

I have not uploaded it yet. Its in my drafts still.

I have uploaded it now. Please have a look. The font size has increased on its own.

https://www.kohinoorrice.com

I removed the css from wp-content/uploads just to check if it has an effect. It didnt have any effect. It made the rotating tweet font increase in size (like you can see now).

when I use the following code in the draft it and preview it, the rotating tweets works perfectly but as soon as I publish it, the font size dramtically increases.

[rotatingtweets screen_name=’KohinoorRice’ official_format=’0′ rotation_type=’carousel’ carousel_horizontal=’1′ carousel_count=’2′ show_meta_reply_retweet_favorite=’1′ show_meta_prev_next=’1′ np_pos=’top’,bottom’ show_follow=’1′ no_show_count=’1′]

I tried to decrease the size using the css file in the wp-content/uploads and unfortunately it didnt work.

I hope I was able to convey my message properly this time.

What changes did you make? What was the CSS you put in rotatingtweets.css?

I tried to change the font and color. It mal-functioned so I removed the rotating tweets plugin and the re installed it again. This time I didnt put any CSS in the rotatintweets.css, I just plugged in the code mentioned above above and previewed the page. The preview was fine, it was doing what it was suppose to do, however as sooon as I published it, the font size increased dramtically. The rotating rotating tweet plugin was then covering almost the whole page.

Is this has got soemthing to do with the W3 Total Cache plugin I am using ?

I use W3 Total Cache and don’t have the same problem. You have a lot of plug-ins adding CSS to the page. What happens if you reload the page? And/or temporarily switch off W3 Total Cache and look at the published page.

If you look at the page inspector ([CTRL]+[SHIFT]+I), which bit of CSS is making the font so big?

• This reply was modified 8 years ago by Martin Tod.

I deactivated the W3 Total Cache plugin. I tried reloading the page and/or also temporarily switching off W3 Total Cache to no benefit. I have uploaded the rotating tweets plugin now. Have a look. Will take it down soon.

I don’t think I managed to see it before you took it down. Sorry about that.