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.
The forum of the forums
3 posters

    Editor Background

    Rupture
    Rupture
    Forumember


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

    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;
    }
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    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.
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    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.
    Rupture
    Rupture
    Forumember


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

    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?
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    Solved Re: Editor Background

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

    Place it at the top of your stylesheet.
    Rupture
    Rupture
    Forumember


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

    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?
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    Solved Re: Editor Background

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

    Does the account above have access to the Administration Panel?
    Rupture
    Rupture
    Forumember


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

    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.
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    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;
    }
    Rupture
    Rupture
    Forumember


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

    Solved Re: Editor Background

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

    -_- Good thinking there. All fixed, thank you!
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    Solved Re: Editor Background

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

    Is this considered to be solved?
    Rupture
    Rupture
    Forumember


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

    Solved Re: Editor Background

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

    Yep!
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    Solved Re: Editor Background

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

    Topic Solved & Locked.

      Current date/time is November 11th 2024, 10:25 pm