Great theme. Couple of styling questions

Discussion in 'Harrington- A WordPress Business Theme.' started by jordielindstrom, Feb 2, 2014.

  1. jordielindstrom

    jordielindstrom New Member

    Joined:
    Mar 2, 2012
    Messages:
    27
    Likes Received:
    0
    - How to remove border around slider

    - How to change slider size

    - How to change or remove the animation effects on slider.

    - How to change text colour on tabs


    Thanks
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    1. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sy-slides-crop {
    border: none;
    }
     
    2. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sy-slides-wrap {
    height: 450px;
    width: 800px;
    }
    .slider_container{
    height: 445px;
    width: 800px;
    margin-left: 155px;
    background-size: 800px;
    background-position-x: 15px;
    }
     
     
    You can adjust the above values as per your requirement.

    3. Go to js > custom.js present in your theme directory and follow the instruction shown in the image given below.

    [​IMG]


    4. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sy-caption-wrap .sy-caption h1 {
    color: red;
    }
     
    In place "red" you can put your color or color code.
     
  3. mgunaseg

    mgunaseg New Member

    Joined:
    Jul 7, 2012
    Messages:
    1
    Likes Received:
    0
    Hi - I'm about to buy the Harrington and just wondering if the suggestion for changing the transition from 'kenburns' to 'fade' works. Thank you!
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to js > custom.js present in your theme directory and follow the instruction shown in the image given below.

    [​IMG]

    After that paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sy-slide {
    margin-left: 0px;
    }
    .sy-slide > a > img {
    height: 495px;
    } 
    This will solve your issue.
     

Share This Page