can change edit page to black colour?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
10/24/2013 5:23:56 AM
kok
Gravatar
Total Posts 47
View Posts

can change edit page to black colour?

Hi there?

Can change the edit page to black colour? http://hanventure.com/editpage.jpg

because I set  the wording in white colour, so when I edit cannot to see.

Any solution?

Thanks.

 

10/24/2013 6:38:07 PM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

Yes, add

body.wysiwygeditor { background-color: #000; }

to your style.css file and then reset the skin guid by going to Administration > Advanced Tools > Design Tools > Cache Tool and then click the "Reset Skin Version GUID" button.

HTH,
Joe D.

10/24/2013 10:15:17 PM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

I already add  body.wysiwygeditor { background-color: #000; } in style.css file,

but on Administration > Advanced Tools > Design Tools > Cache Tool, No the Reset Skin Version GUID button,

just have the button " Disable CSS Caching ". Any setting I miss it?

Thank you.

10/24/2013 10:30:42 PM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

Hi,

No, it just means you have an old version of mojoPortal. You should upgrade.

You can do the following if you can't upgrade:

  1. Administration > Advanced Tools > Design Tools > Skin Management
  2. Click the "Manage" link next to your skin.
  3. Type a new skin name (e.g. skinname-v2) in the "Copy As" box and then click the "Copy As" button.
  4. Administration > Site Settings
  5. Set your site to use the new skin

Also, you'll want to add color: #fff; to the CSS I gave you before.

HTH,
Joe D.

10/24/2013 11:12:16 PM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

Can work now, thank you so much for your help.

Thank you.

3/25/2014 3:16:00 AM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi there,

After change edit page to balck colour and wording in white colour,

I face another problem, when click help icon, the wording in white background also white, cannot see it http://hanventure.com/problem_text.jpg

Any solution?

Thanks you.

3/25/2014 11:19:00 AM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

Sounds to me like you didn't put the color: #fff; in the body.wysiwygeditor selector. Looking at the CSS for your site I am seeing a coupleissues:

  1. You have background-color: blanck; in the body selector.
  2. You have color: #fff; in the body selector.

You should remove those and put the following in your css:

body.wysiwygeditor {
     background-color: #000;
     color: #fff;
}

HTH,
Joe D.

3/25/2014 10:37:46 PM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

Thanks your help, after follow you setting, when click the help icon wording in balck can see it,

but my every page wording also in black, cannot see it http://hanventure.com/page_text.jpg,

Any setting I miss it?

Thank you.

3/25/2014 11:50:52 PM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

I doesn't sound like you used the selector I gave you (body.wysiwygeditor). Can you share a link to the site?

Thanks,
Joe D.

3/26/2014 12:35:28 AM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

I had follow you gave, my CSS like below:

body
{
  margin: 0 auto;
  padding: 0;
  background-image: url('images/page_sg.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:center top;

}

body.wysiwygeditor {
background-color: #000;
color: #fff;
 }

Thank you.

3/26/2014 7:52:54 AM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

I need a link to the site to help further.
3/26/2014 8:57:09 PM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

This is the link: http://lfda.hanwebfusion.com/, I temporary change back to skin wording in white,

Thanks.

3/27/2014 9:02:32 PM
kok
Gravatar
Total Posts 47
View Posts

Re: can change edit page to black colour?

Hi Joe,

Any solution? or have any step can change the background to black colour? http://hanventure.com/white_text.jpg

Thank you.

3/28/2014 7:24:35 AM
Joe Davis
Gravatar
Total Posts 2252
View Posts

Re: can change edit page to black colour?

Hi,

If you are using exactly what I gave you it should work. I suggest you add this back to your skin, reset the skin version guid and then if the problem exists use the browser developer tools to determine what is causing the text of the site to change colors. If you can leave the CSS in place I can troubleshoot it further. Without it in place, I can't see why it is causing all of the text of the site to change color.

Thanks,
Joe D.

You must sign in to post in the forums. This thread is closed to new posts.