Modifying color of the home feature arrow of just one area?

Homepage › Community Forums › SquareOne Theme Support › Modifying color of the home feature arrow of just one area?

  • This topic has 5 replies, 2 voices, and was last updated 10 years ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2014 at 6:18 am #11906
    elenabrz
    Customer

      Hi Wes
      I know it’s beyond the scope of the forum purpose, and as you know I am up for paying to get this done but…is there any way to adjust the color of the home feature arrow of just one area? The default chosen color is orange, but in this area with orange background, it can’t be seen:
      http://cl.ly/image/1I3h1j243z1E

      Thanks for your help

      April 26, 2014 at 1:56 pm #11916
      Wes
      Moderator

        Yes you can change it. It should be around line 2977 in your css and will look like this – 

        .squareone-orange .arrow {
    border: 2px solid #ff7f3a;
}

        Are you trying to change it by default, or did you need to add a separate arrow?

        April 27, 2014 at 9:15 am #11923
        elenabrz
        Customer

          Hi Wes
          Thanks, I meant if it’s possible to change the color of that arrow on just one specific area of homepage, while keeping the rest as default (=orange). If you choose squareone orange theme, arrow is orange which is ok, but in the homepage area where background is orange, in that specific area arrow can’t be seen. Any help on this would be greatly appreciated.

          April 27, 2014 at 10:15 pm #11933
          Wes
          Moderator

            You would have to recreate the css and add another name/class for the arrow. For example, if you want the arrow to be a white color then you can use the code below…..just make sure to add arrow-2 when adding the code inside your widget (instead of arrow) – 

            .arrow-2 {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid #19c1ff;
	border-radius: 50%;
	margin-left: 0.75em;
	margin-bottom: 40px;
}

.arrow-2:hover {
	opacity: .5;
}

.arrow-2:after {
 	content: '';
	display: inline-block;
	margin-top: 14px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #19c1ff;
	border-right: 2px solid #19c1ff;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.arrow-2 {
	border: 2px solid #fff;
}

.arrow-2:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
            April 28, 2014 at 4:06 am #11943
            elenabrz
            Customer
              This reply has been marked as private.
              April 28, 2014 at 12:35 pm #11958
              Wes
              Moderator

                You’re Welcome!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Modifying color of the home feature arrow of just one area?’ is closed to new replies.