Arrow pointing down

Support Area Forums Selfie Arrow pointing down

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 2 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://jamesleephotography.com
  • Author
    Posts
  • #28352

    james lee
    Participant

    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

    #28353

    Bill Robbins
    Moderator

    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

    #28354

    james lee
    Participant

    Wow you are awesome

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

    james

    #28355

    Bill Robbins
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Arrow pointing down’ is closed to new replies.