WordPress.org

1. Petty01
   Member
   Posted 9 months ago #
   

   Hello,

   I made some small changes to site.css file concerning color and background of a certain part of my site. These change can only be seen, for some unknown to me reason, only when Im logged in the WordPress CMS.
   If i log out then I cannot see the change on the site.

   Any ideas why this is happening?

   Thank u in advance!

2. s_ha_dum
   Member
   Posted 9 months ago #
   

   Are you using any caching plugins?

   Have you emptied your browser's cache?

3. Petty01
   Member
   Posted 9 months ago #
   

   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('http://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('http://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...

4. s_ha_dum
   Member
   Posted 9 months ago #
   

   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.

5. Andrew Nevins
   Volunteer Moderator
   Posted 9 months ago #
   

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

6. Petty01
   Member
   Posted 9 months ago #
   

   Firstly thank you for your answers.

   Secondly what I actually want to do is in http://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!!!

7. s_ha_dum
   Member
   Posted 9 months ago #
   

   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('http://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.

8. Petty01
   Member
   Posted 8 months ago #
   

   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

Reply

You must log in to post.