Editing my CSS

  • Thread starter Thread starter Jacob F
  • Start date Start date
J

Jacob F

Hi, need some technical advice. I'm trying to edit the size of some images/design features on my website as put simply they're too large and take too long to load. Normally I'm quite happy in doing so if its a simple case of editing a php file in the root folder with the appropiate dimensions. However, I'm now trying to edit something which is consistent through the website and therefore its properties are determined through the style sheet which is referenced in the original php file by:
<link href="css/style.css" rel="stylesheet" type="text/css" />
I assume this is where the browser accesses the basic style of the pages etc. (forgive me if this is incorrect as I'm not well versed in this sort of stuff). So I thought it would be a simple case of just accessing this file (again in the root folder) and making the adjustment as before but the problem is as I edit the particular designs/images and save the changes it has no effect, everything just stays the same! I really don' t understand where I'm going wrong? Can you not edit a style sheet?



If anyone requires more information to help me as I don't know if I've given enough to go off, I'll oblige.



Thanks in advance
 
Hi Jacob.

What do you mean they are to large. do you mean dimension wise or file size?

You are trying to edit the css/style.css sheet. Depending on what rules are set up in there you may be able to adjust the dimensions.

May I ask what web browser you use?
 
Upvote 0
Hi Jacob.

What do you mean they are to large. do you mean dimension wise or file size?

You are trying to edit the css/style.css sheet. Depending on what rules are set up in there you may be able to adjust the dimensions.

May I ask what web browser you use?

As in they appear on the screen too large. I'm using firefox but I've checked on IE just as another reference, no net effect on either. I think the rules don't allow me then, great....
 
Upvote 0
Try recaching the browser using F5 or Ctrl + F5 (or Fn + F5 on laptops).

If you PM me the url, I will take a look.
 
Upvote 0
Make the images smaller using some graphics program like GIMP. Setting the size in CSS will not reduce the file size.

So I simply download the images from the server using FTP client? Resize them using some software, upload back to the server and delete the old files? So I don't touch the CSS script at all basically?
 
Upvote 0
So I simply download the images from the server using FTP client? Resize them using some software, upload back to the server and delete the old files? So I don't touch the CSS script at all basically?

yup, that easy, don't delete the old files but overwrite them so you keep the same names and file type.
 
  • Like
Reactions: Jacob F
Upvote 0
yup, that easy, don't delete the old files but overwrite them so you keep the same names and file type.

I'd say it was idiot proof but I'm on the job ;) In all seriousness I like to give these things a crack myself first despite having no IT background, I find if I learn how to do it then in future if I ever need to make quick changes I don't need to go through a third party.
 
Upvote 0
So I simply download the images from the server using FTP client? Resize them using some software, upload back to the server and delete the old files? So I don't touch the CSS script at all basically?

This is the way to do it although I would make a backup of the original files on the server first
 
Upvote 0
The idiot prevails, can't get it to work. Pretty much done as said (as far as I can tell) and it has no effect whatsoever. The CSS script seems set in stone. Oh well, will have to get a professional to take a look.
 
Upvote 0

Latest Articles