How remove border images in slider

  • aerudo

    #861

    Hi Syahir, I’ve just updated to the latest version of Graphene (1.2.1) and the images are shown by slider with a gray border. Take a look at http://bagapreta.com.br and tell me how undo this and looks like the older version.

    Thank you.

    Kim

    #13829

    Hi

    Do You mean like this CSS:

    .sliderpost_featured_image img {
    box-shadow: none;
    }

    Kim

    bagapreta

    #13830

    Hi, thanks but I already tried that and nothing happens.

    What else?

    Rafael

    Kim

    #13831

    Well, It works from here on Your site!

    Where do You insert the code?

    Kim

    bagapreta

    #13832

    I just replaced in STYLE.CSS:

    This:

    .sliderpost_featured_image img {

    -moz-box-shadow: 0 0 5px #555;

    -webkit-box-shadow: 0 0 5px #555;

    box-shadow: 0 0 5px #555;

    For this:

    .sliderpost_featured_image img {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    Is it wrong?

    Rafael

    Kim

    #13833

    Well, it looks like You got it.

    But if its the themes style.css core file changes will be overwritten when You update the theme!

    (read: think wise think child theme)

    Looking at the blue button is real fun 🙂

    .block-button, .block-button:visited {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 0px solid #CCCCCC;
    display:block;
    font:bold 12px arial;
    text-decoration:none;
    padding:5px 15px 6px 15px;
    color:#FFFFFF;
    text-shadow:0 -1px 1px #000000;
    margin-top:10px;
    position:relative;
    float:right;
    -moz-box-shadow: 0 0 0px #333333;
    -webkit-box-shadow:0 0 0px #333333;
    box-shadow:0 0 0px #333333;
    background:#afaeae;
    background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
    background:linear-gradient(#afaeae, #6E6E6E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE */
    -pie-background: linear-gradient(#afaeae, #6E6E6E);
    }

    .block-button:hover{
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    background:#D4D4D4;
    background:-moz-linear-gradient(#D4D4D4, #737373);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
    background:linear-gradient(#D4D4D4, #737373);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#737373'); /* for IE */
    -pie-background: linear-gradient(#D4D4D4, #737373);
    }

    Color codes You decide 🙂

    Kim

    bagapreta

    #13834

    Thank you Kim! Buttons are much better now.

    All the best,

    Rafael

    bagapreta

    #13835

    Kim, another problem after update: pictures align at left or right creates a gap in the text between paragraphs. See it here:

    http://bagapreta.com.br/2010/05/24/nova-versao-do-navegador-bolt-para-blackberry-2/

    How resolve it?

    Thanks

    Rafael

    Kim

    #13836

    Hi Rafael

    Font & Typo is best made friendly with css. Your gap under the pictures is now:

    .entry-content p, .comment-entry p, dt {
    margin-top: 10px;
    }

    Maybe margin-top: 1px; just might be okay.

    This is my opinion: The fonts in post contra line height is to small by default.

    Now You have:

    .entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
    color: #2C2B2B;
    font: 12px/20px arial;
    }

    This tool can generate great lines, You decide 🙂

    http://csstypeset.com/

    Kim

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.