Modify buttons style

  • 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

    #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

    #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

    #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

    Mod

    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)

    Admin

    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

    #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

    #29632

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

    .more-link .block-button {
    background: none !important;
    }

    eon

    #29633

    Yes !

    It works. Thank you.

    Anonymous

    #29634

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

Viewing 10 posts - 1 through 10 (of 12 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!