various questions

Discussion in 'BlackBird WordPress Theme' started by teresaascencao, Sep 3, 2013.

  1. teresaascencao

    teresaascencao New Member

    Joined:
    Sep 1, 2013
    Messages:
    16
    Likes Received:
    0
    I have a few more requests... about my site: http://temp.easycameraart.com/

    1) there is a little skip in the slider header text. is there a way to fix that? not sure if I caused that in my custom CSS editing?

    2) how can I place the featured text areas lower on the page as they are on top of the circles right now. Also, how can I change the featured text colour?

    3) the tips of the orange dots below the testamonial area are cut off. is there a way to fix this?

    4) how can I change the colour of the "next" and "prev" boxes? I would also like to lower the text inside of them.

    Thanks so much!
    Teresa



    In case it helps, here is what I created in my custom CSS:
    /* remove contact details from header */
    .header-info{
    display:none;
    }

    /* remove menu */
    .menu_wrapper{
    display:none;
    }

    /* remove read more buttons */
    .feature-content .read-more{
    display:none;
    }

    /* remove circle colour and change bottom footer to white */
    .feature-content-inner .circle{
    background:none;
    }
    .footer{
    background:white;
    }
    .footer-wrapper{
    background-color:white;
    }


    /* change slider heading text colour, width and position - for position change info under slider wrapper */

    .flex-caption h1 a {
    color:#ffffff;
    font-size:20px;
    }

    .flex-caption h1 {
    margin-bottom:10px;
    width:250px;
    margin-left:18px;
    margin-right:15px;
    margin-top:15px;
    }

    .flex-caption p {
    width:250px;
    margin-left:18px;
    margin-right:15px;
    color:#ffffff;
    font-size:13px;
    font-family:"Trebuchet MS";
    }

    .slider-wrapper {
    font-weight:normal;
    padding-top:30px;
    padding-bottom:5px;
    border-bottom:1px solid #fff;
    }

    .flex-caption {
    background:url(images/cap-bg.png) repeat;
    padding: 10px;
    margin: 0;
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: transparent;
    font-size: 13px;
    line-height: 18px;
    width:306px;
    height:auto;
    border-radius:10px;
    overflow:hidden;
    }


    /* change slider size */
    .flexslider .slides img {
    width: 950px;
    height: 300px;
    }


    /* change font under slider */

    .content {
    margin:0;
    padding:0;
    overflow:hidden;
    margin-bottom:50;
    margin-top:10px;
    max-width:100%;
    }

    .content h1{
    line-height:30px;
    color:#003399;
    font-family: Helvetica;
    font-size:20px;
    }

    /* change spacing under slider by adjusting second margin-top */
    .feature-content {
    text-align:center;
    margin-top:50;
    padding:0;
    margin-top:35px;
    overflow:hidden;
    max-width:100%;
    }


    /* change heading font families */
    h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: Helvetica;
    }



    /* change circle size and position */
    .feature-content-inner .circle img {
    width:220px;
    height:210px;
    border-radius:230px;
    -moz-border-radius:225px;
    -webkit-border-radius:200px;
    -khtml-border-radius:200px;
    background:#ffffff;
    margin:-65px;
    text-align:center;
    margin-top:0px;





    /* change Testamonial text, boxes and position */




    /* change text and position under circles */


    /* remove footer */
    .footer_bottom{
    display:none;
    }

    /* remove contact details from footer */
    .footer ul{
    display:none;
    }
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1. For your first issue

    We are not getting your issue. Please explain with the help of screenshot, About which area you are talking.
    2.For your second issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .feature-content-inner h2 {
    margin-top: 85px;
    }
    3.For your third issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .feature-content-inner p{
    color:red;
    }

    4.For your fourth issue
    have checked your website and there is no problem with the pagination in the testimonial. If you still having the problem then send us the screenshot.
    5.For your fifth issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #slides_testimonial .next, #slides_testimonial .prev {
    background: red;
    }
     
  3. teresaascencao

    teresaascencao New Member

    Joined:
    Sep 1, 2013
    Messages:
    16
    Likes Received:
    0
    regarding 1)

    your form doesn't let me insert an image. the image insert icon only asks for a url... so here is a better explanation:

    inside the slider (the long banner with the slideshow where the images change) there is some text.
    when the slider changes into a new image, the text does a little skip.
    you have to wait for the slide to change to see this.
     
  4. teresaascencao

    teresaascencao New Member

    Joined:
    Sep 1, 2013
    Messages:
    16
    Likes Received:
    0
    thanks for the code on changing the colour of the next and prev buttons. I'm trying to give them colour #003399, but only your "red" works.
    ... which makes me realize I also want to change the little dots under testamonial to #003399.

    If you can show me this I'd be grateful.
     
  5. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For first issue.
    I have checked your site but not found such skipping problem.
    You can send image at [email protected]

    For testimonial color issue.
    In the custom css you have added css code. Which have changed button color to orange.
    So go the Appearance > theme options > custom css and change code from there.

    #slides_testimonial .next, #slides_testimonial .prev {
    background: orange;
    }
    orange.png
     

Share This Page