Altitude Pro Widget Area 1 linking to Area 2

[candacegodwin]

Hello,

I am trying to add a simple down arrow icon to Altitude Pro widget area 1, that when clicked, will move the reader down to widget area 2 (without this being a navigation item in the menu). I contacted support and they provided me with the codes I need; I've attempted to use Firebug to test-place the code, which did appear to work, but I'm actually clueless as to where to place the code in the actual css file. Adding this to Firebug has confused me more about where it should go (what line).

Here are the recommendations from support, I need help in figuring out where to place the code.
code to add to widget area 1 (I've done this).
<p class="arrow">

</p>

And then adding the following code to your child themes style.css file:

.arrow {
margin: 0;
text-align: center;
width: 100%;
}
.arrow a {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
display: inline-block;
line-height: 1;
padding: 13px 10px 6px;
text-align: center;
}
.arrow a::before {
color: #000;
content: "";
font: 40px/1 "dashicons";
height: 40px;
width: 40px;
}

I've added the code to the widget area. The website is thetreemedic.com

Any help would be greatly appreciated -- I'm close, just not there yet.

Thanks ~ Candace

http://thetreemedic.com

[Christoph]

Hi Candace,

you can add the code above the media queries.

http://screencast.com/t/iE97NUCv

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[candacegodwin]

Thanks Christoph! I'll give that a go and let you know. 🙂

[candacegodwin]

Christoph it worked like a charm...thank you so much for your help.

Candace

[dbsites]

Candace or anyone, where do you put this code

<p class="arrow">

</p>

I don't see the arrow on your site.

[Author]

Posts