Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 18, 2014 at 6:15 am #211508
    tonyiatridis

    Hi guys,

    On this page:

    http://kristencooper.com/ctt/experience/

    I have a grid of 1/3 columns with images and text widgets placed inside.

    How do I reduce the padding and/or margin between rows of columns. The space between the columns (side to side) is good. I need to tighten up the space between the rows (up and downwards).

    Also I have set some CSS for the text on this page as such:

    .experiencecaptions {
    font-size: 150%; line-height: 125%; text-align: left; color: #b8b8b8;
    }

    I apply this in the text widget with a span class. These instances of the text are also links.

    I want the hover state of the links to change color and have no underline and be red, so I wrote:

    .experiencecaptions a:hover{
    text-decoration: none; color: #cb2f16;
    }

    This has no effect while another similar style works elsewhere on another page.

    I also tried just:

    .experiencecaptions a{
    text-decoration: none;
    }

    also no dice, I’m not overriding something in the cascade even with !important added.

    Any help would be most appreciated.

    Thanks

    Tony

    January 18, 2014 at 10:10 pm #211711
    Ismael

    Hey tonyiatridis!

    You can add this on Quick CSS to decrease the top padding of columns:

    body .column-top-margin {
margin-top: 10px;
}

    Add this to remove the underline on hover state:

    a:hover, a:focus, a:visited {
outline: 0;
text-decoration: none;
}

    This one for the hover color:

    .experiencecaptions:hover {
color: red;
}

    Regards,
    Ismael

    January 19, 2014 at 12:51 am #211827
    tonyiatridis

    Awesome! The theme is great and your customer service is amazing.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘spacing between rows of columns on a page and a css issue’ is closed to new replies.