Arrow pointing down

[james lee]

Hi

Is there a way to put a little arrow down in the middle of the home block so people know you can scroll down to see more pictures.

Here is a sample
http://www.wittythemes.com/prep/?theme=Inception

thank you
james

[Bill Robbins]

Hello James,

Great question. You can add in a down arrow for the home blocks. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .window .content-area:after {
   	font-family: 'ElegantIcons';
   	content: ';';
   	font-size: 30px;
   	color: #fff;
   	position: absolute;
   	bottom: 10px;
   	left: 50%;
   }
   
   .window:last-of-type .content-area:after {
   	content: '';
   }
   

3. Update your settings.

If you run into trouble or questions, just let me know.

Thanks,
Bill

[james lee]

Wow you are awesome

Is there a way to make it so when you click on it it scrolls down.

james

[Bill Robbins]

That is an excellent follow up question. While you can create links within pages, I don’t know of a way to automate those for you that would be effective in the code. I explored a few different ways to implement that, but none gave me the desired result.

One way that would work would be to add a link into the content area of each home block. Each one has a unique ID that you can use to link to. You can find the ID by editing a block and looking in the navigation bar of your browser. The id will be listed in the URL as part of it. You can then go to the block above it, and add a link.

For the URL of the link, take out the http:// and replace it with ##block-ID where ID is the id number of the other home block.

Once you update the home block that would add a link in it for you.

If you run into questions, let me know.

Thanks,
Bill

[Author]

Posts