The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Editor Background

3 posters

Go down

Solved Editor Background

Post by Rupture June 21st 2014, 8:01 pm

Ok so I added a background to my editor using this CSS:
Code:
.sceditor-container iframe, .sceditor-container textarea {
    background :url(http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Funny/9866203d-c2ce-4a57-9561-ae588fbd1edc_zpsd94ad0a6.gif) !important;
}

The problem is I can't get the image to center and I also don't want it to repeat, can anyone help me? This is the CSS I tried and it didn't work:

Code:
.sceditor-container iframe, .sceditor-container textarea {
    background :url(http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Funny/9866203d-c2ce-4a57-9561-ae588fbd1edc_zpsd94ad0a6.gif) !important;
Background-attachment: fixed;
background-repeat: no-repeat;
}
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Sir Chivas™ June 21st 2014, 9:00 pm

Hi,

Is this the forum you're speaking of? http://joinswl.forumotion.com/portal


If so, can you please provide an account to view this? Thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Editor Background

Post by Ange Tuteur June 21st 2014, 9:14 pm

Hi,

To center a background use the background-position property. Use the following CSS code.
Code:
.sceditor-container iframe, .sceditor-container textarea {
  background-image:url(http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Funny/9866203d-c2ce-4a57-9561-ae588fbd1edc_zpsd94ad0a6.gif) !important;
  background-position:center;
  background-repeat:no-repeat;
}

If needed add !important to the last two properties if the image is not centered, or is repeated.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Rupture June 21st 2014, 9:27 pm

I just put in that exact CSS and the background stays the same. Please take a look using this User and Password:

Content Removed - For safety issues.

User: {SWL}RAPTOR
Password: forumotion


I am really not sure why, would you like my whole CSS Stylesheet to see if something is not letting it work properly?
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Ange Tuteur June 21st 2014, 9:32 pm

Place it at the top of your stylesheet.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Rupture June 21st 2014, 9:47 pm

Ok well I tried with other images and it still doesn't work, it keeps repeating to the right instead of only putting in 1 picture in the center. I put that exact CSS on the top of my CSS list. What should I do?
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Sir Chivas™ June 21st 2014, 9:52 pm

Does the account above have access to the Administration Panel?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Editor Background

Post by Rupture June 21st 2014, 9:54 pm

No it does not. If you think you can fix it I will make a new password and pm it to someone to see if they can fix it.
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Sir Chivas™ June 21st 2014, 10:02 pm

Okay, just making sure.

Have you added the !important to the last two properties?

Code:
.sceditor-container iframe, .sceditor-container textarea {
  background-image:url(http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Funny/9866203d-c2ce-4a57-9561-ae588fbd1edc_zpsd94ad0a6.gif) !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Editor Background

Post by Rupture June 21st 2014, 10:05 pm

-_- Good thinking there. All fixed, thank you!
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Sir Chivas™ June 21st 2014, 10:11 pm

Is this considered to be solved?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Editor Background

Post by Rupture June 21st 2014, 10:18 pm

Yep!
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Sir Chivas™ June 21st 2014, 10:18 pm

Topic Solved & Locked.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum