Help with button

  • Resolved Karin_tanketal

    (@macwitty)


    6 years, 5 months ago

    I have earlier got help with css to make the ”read more” button on blog slider at home page a bit more discreet. I think the code is changed as the old css do not work anymore instead I get an brownish button

    Can I get help to make a button as the one we had before?

    Images of old and new button

    Old CSS

    /*==========blogg==========*/
.flexslider_blog .flex-direction-nav .flex-prev:hover {
       background-color: #2565ac !important;
}
.flexslider_blog .flex-direction-nav .flex-next:hover {
       background-color: #2565ac !important;
}

.flexslider_blog .flex-direction-nav .flex-prev, .flex-next{
       background-color: #0f3f74 !important;
}

.flexslider_blog li.blog_item .flex_content a.read_more:hover {
    background: #0f3f74;
    border: 1px solid #0f3f74;
}
.flexslider_blog li.blog_item .flex_content h3{
    font-size: 24px;
    line-height: 33px;
    margin-top: -2px;
    margin-bottom: 12px;
}

/*=================================*/

    Wp version 4.9.8–sv_SE
    Colorway 3.8.4

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Karin_tanketal

    (@macwitty)

    Got it – changed the read-button

    .read-button a {
    background: #eedec3;
    padding: 8px 12px;
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 45px;
    color: rgb(53,64,83);
    font-family: "Poppins";
    font-weight: 600;
}
    Thread Starter Karin_tanketal

    (@macwitty)

    Even better in 3.9.7 where you can
    Set Read More Button Radius in the Customizer

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with button’ is closed to new replies.