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?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

      #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?

        #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.

          #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;
            }
            #11943
            elenabrz
            Customer
              This reply has been marked as private.
              #11958
              Wes
              Moderator

                You’re Welcome!

              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.