The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Editor Background

View previous topic View next topic Go down

Solved Editor Background

Post by Rupture on 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
Forumember

Male Posts : 325
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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Editor Background

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Rupture on 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
Forumember

Male Posts : 325
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 on June 21st 2014, 9:32 pm

Place it at the top of your stylesheet.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Editor Background

Post by Rupture on 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
Forumember

Male Posts : 325
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™ on June 21st 2014, 9:52 pm

Does the account above have access to the Administration Panel?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Editor Background

Post by Rupture on 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
Forumember

Male Posts : 325
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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Editor Background

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

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

Rupture
Forumember

Male Posts : 325
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™ on June 21st 2014, 10:11 pm

Is this considered to be solved?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Editor Background

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

Yep!

Rupture
Forumember

Male Posts : 325
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™ on June 21st 2014, 10:18 pm

Topic Solved & Locked.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

View previous topic View next topic Back to top


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