[aerudo]

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]

Kim

#13829

Hi

Do You mean like this CSS:

.sliderpost_featured_image img {

box-shadow: none;

}

Kim

[bagapreta]

bagapreta

#13830

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

What else?

Rafael

[Kim]

Kim

#13831

Well, It works from here on Your site!

Where do You insert the code?

Kim

[bagapreta]

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]

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]

bagapreta

#13834

Thank you Kim! Buttons are much better now.

All the best,

Rafael

[bagapreta]

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]

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