CSS minor edit changes the whole appearance of the website

Posts: 55

Reputation: 0

Message # 1 | 3:25 PM 2017-04-01

Hallow, I am sorry if this is the repeated thread but I searched for the help With no success.
My problem is:
I want to add a small code in CSS but When I save it and refresh my website the whole arrangement of my site and menus are distorted and having poor arrangement. I thought may be the problem was the small code I added, but I just tried to go to CSS management in control panel and press only the "save" button below the CSS editor without changing anything in CSS but the website arrangement changes and distorted too. I don't know what causes this. I need your help please.

Post edited by Staryte - Saturday, 2017-04-01, 3:26 PM

Cyberdasm

Posts: 640

Reputation: 7

Message # 2 | 7:13 AM 2017-04-02

Staryte, kindly post the url of your website. I would like to help.

1F4BF3B

Staryte

Posts: 55

Reputation: 0

Message # 3 | 2:24 PM 2017-04-02

Quote Cyberdasm (

)

Staryte, kindly post the url of your website. I would like to help.

Thank you Cyberdasm:
the site url is http://www.staryte.com

Post edited by Staryte - Sunday, 2017-04-02, 2:25 PM

blizar10

Posts: 96

Reputation: 0

Message # 4 | 5:34 PM 2017-04-02

Staryte, Editing the css may take some time to display. Use CTRL + F5 after you modify your css on your web site page to display real css.

Also ensure not to forget ; in your css document.

Post edited by blizar10 - Sunday, 2017-04-02, 5:40 PM

Cyberdasm

Posts: 640

Reputation: 7

Message # 5 | 11:36 PM 2017-04-02

Staryte, in what part that you are going to change. Did you use the wysiwyg builder? If so and even once could make you source code complicated.
BTW which part would you like to edit?

1F4BF3B

Staryte

Posts: 55

Reputation: 0

Message # 6 | 2:36 PM 2017-04-03

Cyberdasm, Thanks for your reply, I didn't use wysiwyg builder. The only part I wanted to change is the user's personal page, I want to automatic resize the user's avatar for any user, even though he uploaded avatar is large or small. I want all avatar to be in 200 x 200 size, and the code I add in CSS is .user_avatar img {width:2000px!important;} and in the user's page editor is <span class="user_avatar">$_AVATAR$</span>. so when I save changes the whole website mess up.

Cyberdasm

Posts: 640

Reputation: 7

Message # 7 | 10:07 AM 2017-04-04

Staryte,

Quote Staryte (

)

Cyberdasm, Thanks for your reply, I didn't use wysiwyg builder. The only part I wanted to change is the user's personal page, I want to automatic resize the user's avatar for any user, even though he uploaded avatar is large or small. I want all avatar to be in 200 x 200 size, and the code I add in CSS is .user_avatar img {width:2000px!important;} and in the user's page editor is <span class="user_avatar">$_AVATAR$</span>. so when I save changes the whole website mess up.

I 2k px is very large enough it could occupy the whole desktop screen. 200x200 is just only 200px not 2000px.
Kindly post a screenshot of your problem since I could enter in your website profile page.

1F4BF3B

blizar10

Posts: 96

Reputation: 0

Message # 8 | 11:45 AM 2017-04-04

Use:

Code

span.user_avatar img {
width: 200px;
height: 200px;
}

Cyberdasm

Posts: 640

Reputation: 7

Message # 9 | 1:22 PM 2017-04-04

i prefer this:

Code

span.user_avatar img {
width: 200px;
height: auto;
}

1F4BF3B

Page 1 of 1 1
Forum moderator: bigblog