Slider Size

Discussion in 'ColorWay WordPress Theme' started by connecte, Jul 12, 2015.

  1. connecte

    connecte New Member

    Joined:
    Sep 3, 2014
    Messages:
    19
    Likes Received:
    0
    First, let me say thank you for all of your help.

    I have one last question I hope for now.

    My pictures on my slider still seem a bit stretched... and I would like to fix that, particularly the last photo of me and my business partner.

    I would like to go a bit bigger vertically as the slider is getting a bit small for the page width wide.

    Can you help with code for that?

    www.connectedbirthva.com
     
  2. connecte

    connecte New Member

    Joined:
    Sep 3, 2014
    Messages:
    19
    Likes Received:
    0
    Actually I think I fixed it myself, but now the caption area on the slider is off...

    Here is all of the code associated with my site. The slider issues are getting very frustrating. It was hard to find images that were so wide, so it needed to be adjusted.

    .logo img {
    max-height: 150px;
    }

    img.slide-img {
    width: 850px !important;

    }.slide .slide-content.entry {
    border-right: 1px solid rgba(186, 186, 186, 0) !important;
    }

    .slide .slide-content.entry {
    background-color: rgba(0, 0, 0, -0.5 ) !important;

    }

    .slide .slide-content.entry {
    margin-left:25px !important;
    }

    img.slide-img {
    margin-left: 26px !important;
    }
    .logo {
    margin-bottom: -38px;
    }
    @media only screen and (max-width: 480px){
    #slides .slide-img {
    height: auto !important;
    margin-left: 0 !important;
    }
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
    #slides .slide-img {
    height: auto !important;
    margin-left: 0 !important;
    }
    }
    @media only screen and (max-width: 767px){
    .call-us {
    margin-top: 45px !important;
    }
    }
    #menu .ddsmoothmenu {
    margin-left: 100px !important;
    }
    img.slide-img {
    width: 750px !important;
    }
    .slide .slide-content.entry {
    left: 135px;
    top: 360px;
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
    #slides .slide-img {
    width: 410px !important;
    }
    }
    @media only screen and (max-width: 960px) and (min-width: 767px){
    #slides .slide-img {
    width: 698px !important;
    margin-left: 0 !important;
    }
    }
    .slide .slide-content.entry {
    bottom: 0 !important;
    }
    @media only screen and (min-width: 1261px){
    .slide {
    margin-left: 125px !important;
    }
    }
    body {
    background: none;
     
  3. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I have checked your website and everything is displaying well.

    Could you please provide us some edited screenshot of your issue ?

    Thanks,
    Praveen
     

Share This Page