Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2015 at 12:52 pm #462202
    MSM

    Kriesi support good morning from the US Midwest!!

    I’m trying to replicate the button on this page (Men’s Collection) using a child theme so I can use the style when necessary. I’ve added the following in child theme style.css:
    /*Ommani Border Button*/
    #top .bordbutt {
    -moz-box-shadow: 2px 2px 0px 0px #5d225b;
    -webkit-box-shadow: 2px 2px 0px 0px #5d225b;
    box-shadow: 2px 2px 0px 0px #5d225b;
    background-color:transparent;
    border:2px solid #5d225b;
    display:inline-block;
    cursor:pointer;
    color:#5d225b;
    font-family:Trebuchet MS;
    font-size:15px;
    padding:7px 10px;
    text-decoration:none;
    }
    #top .bordbutt:hover {
    background-color:transparent;
    }
    #top .bordbutt:active {
    position:relative;
    top:1px;
    }

    This is the html I’m using Learn More but I don’t get the stylingI’m expecting. Is there an easier way to go about this?

    Thanks
    Mike

    June 20, 2015 at 5:50 pm #462240
    Josue

    Hey Mike!

    Can you post a link to the Page where you’re trying this and a mockup of what would you want to achieve?

    Cheers!
    Josue

    June 21, 2015 at 5:02 am #462277
    MSM

    Sure. Here is the page I’d like to update.
    http://ommani.staging.wpengine.com/practitioners/ (hosted on WPengine)

    I’d like to change the purple buttons under each person to have either a transparent background or be able to control the color of each background button and give them a border. I’d also like to be able to control the border color and text color.

    I’d like the buttons to look like the Men’s collection button on this page but be able to control the button background color, text color, border width and color.

    http://kriesi.at/themedemo/?theme=enfold-overview

    Thanks
    Mike

    June 22, 2015 at 12:22 pm #462651
    Andy

    Hi!

    to control every single button via CSS you would need to turn on custom CSS class fields.

    Then you can use something like this in Quick CSS field:

    .your-button-1 {
background-color: red !important;
border-color: blue !important;
}
.your-button-2 {
background-color: green !important;
border-color: purple !important;
}

    I can’t see which men’s collection you are talking about, because the link you have provided is just redirecting to an overview page of the different enfold demo collection. I think screenshots would help (imgur, dropbox).

    Regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.