Jump to content


Photo

Can Fancybox Colors Be Changed On Soapboxes?


  • Please log in to reply
3 replies to this topic

#1 cyentist

cyentist

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 20 May 2011 - 06:10 PM

I'm looking to change the color of the gray standard fancybox button that shows in the soapbox.

Need contrasting color.

How would I make this change?

Thank you,

Sean

Posted Image

#2 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 20 May 2011 - 09:37 PM

Use CSS in Custom Code -> Custom CSS to change this button. If your using Chrome or Firefox with Firebug you can right-click and "inspect element" to see the full range of rules you need to override including borders and text-shadow, to get it to look right.

 .fancybox {
	background: blue !important;
	}


#3 cyentist

cyentist

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 20 May 2011 - 11:54 PM

Hi Jimmy, Thank you, but I have no idea what those tools are for. If I have to research that, okay. But is there a quick/dirty way to make the button #194071 with #ffffff text and #000000 border? Thanks, Sean :)

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 21 May 2011 - 03:39 PM

This code can be used:

 color: #TEXTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR;

In the future, you may want to get Firebug: http://getfirebug.com

Please refer to this tutorial on how to use Firebug to perform CSS customizations: http://www.pagelines...stomization#101