1

[eon]

eon

#4878

Hi, I would delete the apparence of the buttons in the home page “en savoir plus”. I search in CSS but i don’t fond where it is.

Can you help me please ?

[Anonymous]

Anonymous

#29626

Add this to your child theme style sheet or in Graphene Options –> Display –> Custom CSS

.two-columns .homepage_pane .block-button {

display: none;

}

Moved to Support. Please post in the correct section next time.

[eon]

eon

#29627

With this code the entire button disappear. I juste want to delete the styles, as image-background…

The class is “more-link block-button”.

My code is

.block-button,

.block-button:visited,

.Button,

.button,

#commentform #submit {

/*	background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5;

background: -moz-linear-gradient(#2982C5, #1C5FA5);

background: -webkit-linear-gradient(#2982C5, #1C5FA5);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#1C5FA5')";

background: linear-gradient(#2982C5, #1C5FA5);



-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;



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

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

box-shadow: 0 0 5px #555;

text-shadow: 0 -1px 0 #16497E;

border: 1px solid #1C5FA5;*/

color: #fff;

cursor: pointer;

display: block;

float: right;

font: 12px "Lucida sans Unicode";

margin: 0 5px 5px;

padding: 5px 15px 6px;

position: relative;

text-decoration: none;



}

.block-button:hover,

.button:hover,

#commentform #submit:hover {

/*	background: url(images/bg-block-button-hover.png) left bottom repeat-x #1C5FA5;

background: -moz-linear-gradient(#2982C5, #15467A);

background: -webkit-linear-gradient(#2982C5, #15467A);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#15467A')";

background: linear-gradient(#2982C5, #15467A); */

color: #fff;

cursor: pointer;

text-decoration: none;

}

but i have always the image background.

[eon]

eon

#29628

Quote:

With this code the entire button disappear. I juste want to delete the styles, as image-background…

The class is “more-link block-button”.

My code is

.block-button,

.block-button:visited,

.Button,

.button,

#commentform #submit {

/* background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5;

background: -moz-linear-gradient(#2982C5, #1C5FA5);

background: -webkit-linear-gradient(#2982C5, #1C5FA5);

-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#2982C5′, EndColorStr=’#1C5FA5′)”;

background: linear-gradient(#2982C5, #1C5FA5);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

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

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

box-shadow: 0 0 5px #555;

text-shadow: 0 -1px 0 #16497E;

border: 1px solid #1C5FA5;*/

color: #fff;

cursor: pointer;

display: block;

float: right;

font: 12px “Lucida sans Unicode”;

margin: 0 5px 5px;

padding: 5px 15px 6px;

position: relative;

text-decoration: none;

}

.block-button:hover,

.button:hover,

#commentform #submit:hover {

/* background: url(images/bg-block-button-hover.png) left bottom repeat-x #1C5FA5;

background: -moz-linear-gradient(#2982C5, #15467A);

background: -webkit-linear-gradient(#2982C5, #15467A);

-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#2982C5′, EndColorStr=’#15467A’)”;

background: linear-gradient(#2982C5, #15467A); */

color: #fff;

cursor: pointer;

text-decoration: none;

}

but i have always the image background.

In the options, i have this :

Bloc Boutons

Bloquer Bouton Aperçu Label Bouton

Couleur Fond Bouton Effacer

Couleur Label Bouton Effacer

Ombre Texte Label Bouton Effacer

Ombre de la boite boutton Effacer

So i can modify the colors but i can-t delete the background image

[Kenneth John Odle]

Kenneth John Odle

#29629

Quote:

I juste want to delete the styles

You can’t delete styles; once they’ve been declared somewhere, they’re there. The only thing you can do is over-ride them.

Quote:

i can-t delete the background image

I don’t recall the exact code, but try something like this:

background: url(none)

[Syahir Hakim]

Syahir Hakim

#29630

Quote:

I don’t recall the exact code, but try something like this:

background: url(none)

Just background: none; will do.

[eon]

eon

#29631

Quote:

I don’t recall the exact code, but try something like this:

background: url(none)

Just background: none; will do.

No it does not work.

Nor

background: url(none).

[Anonymous]

Anonymous

#29632

If the class is really more-link block-button, try,

.more-link .block-button {

background: none !important;

}

[eon]

eon

#29633

Yes !

It works. Thank you.

[Anonymous]

Anonymous

#29634

Marking thread as resolved. You can do this yourself as well.