Place a web button between testimonial area and footer

Discussion in 'Harrington- A WordPress Business Theme.' started by niallg, Nov 7, 2014.

Thread Status:
Not open for further replies.
  1. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Guys ,

    I would like to place a web button ( to order tickets) between the testimonial area and the footer .

    the URL is : www.northsydneyyouthsymphony.org

    Also what is the best way to change the footer widgets below.

    Regards

    Niall

    Web button and footer widgets.jpg
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    For Button you have to follow some steps.
    Step-1:Add given code in front-page.php file follow below image.
    7-insetbutton-harrington.png
    Code:
        <div class="grid_24">
    <span class="bookbutton"><a href=" You booking page link">BOOK YOUR TICKET</a></span>
    </div>
    Step-2:Add given CSS code in custom css box
    Code:
    .bookbutton{
        border : solid 0px #000000;
        border-radius : 5px;
        moz-border-radius : 5px;
        -webkit-box-shadow : 0px 2px 1px rgba(0,0,0,0.3);
        -moz-box-shadow : 0px 2px 1px rgba(0,0,0,0.3);
        box-shadow : 0px 2px 1px rgba(0,0,0,0.3);
        font-size : 20px;
        color : #ffffff;
        padding : 14px 20px;
        background : #ff8c00;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(0%,#e87f07), color-stop(0%,#e80008), color-stop(0%,#fbffd9), color-stop(100%,#ff3503));
        background : -moz-linear-gradient(top, #ff8c00 0%, #e87f07 0%, #e80008 0%, #fbffd9 0%, #ff3503 100%);
        background : -webkit-linear-gradient(top, #ff8c00 0%, #e87f07 0%, #e80008 0%, #fbffd9 0%, #ff3503 100%);
        background : -o-linear-gradient(top, #ff8c00 0%, #e87f07 0%, #e80008 0%, #fbffd9 0%, #ff3503 100%);
        background : -ms-linear-gradient(top, #ff8c00 0%, #e87f07 0%, #e80008 0%, #fbffd9 0%, #ff3503 100%);
        background : linear-gradient(top, #ff8c00 0%, #e87f07 0%, #e80008 0%, #fbffd9 0%, #ff3503 100%);
        filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff3503',GradientType=0 );
     
    }
    For footer widget you have add your own content from Widget section bu just drag and drop follow below image..
    7-widget-harrington.png


    Thanks & Regards
    Pramod
     
  3. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Thanks Pramod,
    I did that but must have done it wrong , can you have a look and possibly fix it.
    I will send you the details of my log In etc by PM.

    Thanks Niall
     
  4. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    HI again Pramod,

    also I need to be able to put a link on this button ?

    Regards

    Niall
     
  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    We have got your credential please do post your link which you will put on button action.
    Thanks & Regards
    Pramod
     
  6. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Pramod, the button looks good , but it should be red like the rest of the site. I have not got the link yet , not for at least another week.
    Thank you very much.
    Regards
    Niall
     
  7. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Pramod, thanks for your help, can you make the button red . I wont have the link for the button until next week.

    Regards
    Niall
     
  8. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Thank You Pramod, that looks great, the website is starting to look very good.
    One more question, is there any easy way to replace your text in the footer areas, as I am not great with widgets.
    Best Regards
    Niall
     
  9. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Niallg,
    I have changed color.
    You can change link later. Follow image to know how to change link and text on button.
    7-ad-button----.png

    Thanks & regards
    Pramod
     
  10. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Niallg !
    Explain little bit more what content you want to keep in all 4 widget area.
    Thanks & regards
    Pramod
     
  11. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Pramod,

    Widget 1. Leave Title as is, Headings :
    Orchestra
    News
    Our Blog

    Widget 2. Change Title to Address.
    Address: 17 Mackenzie St
    Lavender Bay, North Sydney
    Contact: 0466 725 386
    email: [email protected]

    Widget 3. leave as is.
    Thanks and Regards
    Niall
     
  12. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Issue have fixed. Please have a look on your website.
    Please change later as per your need.
    Thanks & regards
    Pramod
     
  13. niallg

    niallg Member

    Joined:
    Sep 18, 2014
    Messages:
    95
    Likes Received:
    3
    Hi Pramod As usual I am very impressed with your service, the website is now looking very good.
    Thank you very much for your help. I am recomending your company to quite a few other Australian Web Designers.

    Best Regards
    Niall
     
    Pramod and Yogesh like this.
Thread Status:
Not open for further replies.

Share This Page