site.css changes only visible LIVE when logged in WP CMS

Are you using any caching plugins?

Have you emptied your browser’s cache?

I have cleared cache and in mot using any plugins.

To be more precise what I am trying to change is the color and background image of a box on the right hand side of the homepage of matrix24.gr, where the Videos are.

In order to do this i added the following:

background-image:url('https://www.matrix24.gr/wp-content/uploads/2012/07/novaTV_SKIN.jpg');
	background-repeat:no-repeat;

to the following existing CSS code:

.blogsSidebarBlack {
	float:left;
	text-align:left;
	padding:0px;
	margin:0px 0 20px 0;
	display:block;
	background:#4973c5;
	background-image:url('https://www.matrix24.gr/wp-content/uploads/2012/07/novaTV_SKIN.jpg');
	background-repeat:no-repeat;
	width:300px;
	overflow:hidden !important;
}

Maybe Im still doing something wrong…

Looks like you are on the right track. Your background will completely wipe out the background color if it is larger that the div it is in (or if it repeats, which it doesn’t in your case). Colors on nested div’s could undo your work as well. If you’d describe exactly what you want to accomplish, maybe I could say more.

Don’t have your styles.css or other stylesheets in the admin panel.

Firstly thank you for your answers.

Secondly what I actually want to do is in https://www.matrix24.gr, to go from image 2
to image 1.

The blue “skin” is given to me in order to dress the Video box. You can see the image here.

The thing now is that I can see the changes live only when Im logged in the WP cms platform. I tried it from different places and if im not logged in I cant see it. But once i log in the CMS the changes are right there and still only on Chrome.

In addition when I check the code from my Firefox browser (using firebug) the changes are non existent while I have changed the actual code in the corresponding file.

It makes you wonder!!!

Yes, image #1 is better ??

Where are you putting this code? You have correctly identified the div .blogSidebarBlack and your two lines to add the background should work:

background-image:url('https://www.matrix24.gr/wp-content/uploads/2012/07/novaTV_SKIN.jpg');
background-repeat:no-repeat;

They work using FireBug. I have to think that:

1. You are putting the code in the wrong place. You mention that you only see the changes when logged in. That should only be happen if you are putting changes in the wrong stylesheet or if your CSS ruls specifies the logged-in or (possibly) the admin-bar class.
2. Or there is some Javascript on the page that is messing things up, but that doesn’t seem to change anything when I try it.

Back to the question at hand after a big delay.

So, to answer the question above I changed the code to the following file:
/www.matrix24.gr/web/content/wp-content/themes/matrix24/css

Actually there are 3 CSS files that contain the relevant div but even when i change it in all of them nothing happens (.blogsSidebarBlack).

In case there is a problem with the CSS ruls how and where should i be looking in order to see if this is actually the problem?

Thank you