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.

Different Portal Background Color

View previous topic View next topic Go down

Solved Different Portal Background Color

Post by Guest on January 24th 2014, 7:23 pm

Hi!

I want to have a black background color, but ONLY in my portal page. Is that possible? If so, could someone please help me with that?

Thanks in advance!

Samantha

http://www.game-xtreme.com
http://www.game-xtreme.com/portal

Guest
Guest


Back to top Go down

Solved Re: Different Portal Background Color

Post by Ange Tuteur on January 24th 2014, 7:38 pm

Hello SamanthaS,

Administration Panel > Modules > Javascript codes management > Create a new script

Title : what you wish
Placement : in the portal
paste the code below and save :
Code:
jQuery(function() {
  jQuery('body').addClass('portalBody');
});

Then add the following to your CSS :
Code:
.portalBody { background-color:#000; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Portal Background Color

Post by Guest on January 24th 2014, 7:45 pm

Hi Ange! Thanks, I thought it'd be like adding a selector. Unfortunately, that doesn't work, even not with !important added to it in CSS. I'll provide you with an admin account if you want, just tell me and I'll be PM-ing you with the credentials.

Guest
Guest


Back to top Go down

Solved Re: Different Portal Background Color

Post by Ange Tuteur on January 24th 2014, 7:48 pm

I notice your wrap is at 100%, so that is your background to you, no ?

Change your script to :
Code:
jQuery(function() {
    jQuery('#wrap').addClass('portalBody');
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Portal Background Color

Post by Guest on January 24th 2014, 7:53 pm

Wrap? I don't know any wraps except for the ones I'm having for dinner sometimes Smile

I changed JS just now, still won't work... Sad

Guest
Guest


Back to top Go down

Solved Re: Different Portal Background Color

Post by Ange Tuteur on January 24th 2014, 7:56 pm

Your wrap in the portal has the class portalBody. Add important to your CSS :
Code:
.portalBody { background-color:#000 !important; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Portal Background Color

Post by Guest on January 24th 2014, 8:00 pm

GREAT! That worked fine! Now if you'd please have a look at my portal, please notice I need to do some adjustments to other elements as well. I bet it's done the same way, right? What are the class names of the other elements, or can I make my own?


Last edited by SamanthaS on January 24th 2014, 8:14 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: Different Portal Background Color

Post by Ange Tuteur on January 24th 2014, 8:12 pm

Since portalBody is the parent we just have to select inside that, to make it easy. Wink

See if this CSS is what you want :
Code:
.portalBody .navbar, .portalBody .module { background:none; }
.portalBody span.corners-bottom, .portalBody span.corners-top  { display:none; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Portal Background Color

Post by Guest on January 24th 2014, 8:17 pm

OMG OMG OMG!!!!!!!! THANK YOU SOOOO MUCH!!! YOU ARE THE BEST!!!! I LOVE IT !!!! TEARS TO MY EYES !!!! Very goodVERY BIG HUG!!!!!! WELL DONE!!!

Topic closed. I'll be sending you a FR. Wink

Guest
Guest


Back to top Go down

Solved Re: Different Portal Background Color

Post by Ange Tuteur on January 24th 2014, 8:19 pm

You're welcome Smile

Topic solved and archived

Have a good day :rose:

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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