Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 30, 2014 at 7:22 am #258116
    grpetz

    I would like to change the opacity of the “add to cart” and “details” buttons beneath the products on the archive page, plus a few other changes such as border thickness around the product, and even a top header change with some shadows. I’ve applied this to the Quick CSS but have not seen any changes. I found the CSS properties through Firebug in Firefox. Is there something else I should put in Quick CSS or does this kind of change not work there? If so, where do I place this so the CSS is updated. Thanks! Gary

    .inner_product {
    border-radius: 8px;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    }
    .post_delimiter {
    border-color: #DEDEDE;
    }
    .avia_cart_buttons {
    border-top-style: solid;
    border-top-width: 1px;
    opacity: 0.8;
    overflow: hidden;
    padding: 10px;
    transition: all 0.3s ease-in-out 0s;
    }

    #header_main_alternate {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-top: medium none;
    z-index: 2;
    }

    .header_color .portfolio-preview-content .avia-arrow {
    background: none repeat scroll 0 0 #F1F1F1;
    }

    #header_meta {
    border-top: medium none;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) inset;
    min-height: 30px;
    z-index: 10;
    }

    April 30, 2014 at 3:15 pm #258285
    Ismael

    Hey grpetz!

    Thank you for using the theme!

    Do you mind posting a screenshot on how you want the elements to look like? Also, a list of the specific elements that you want to change will help. You can set the background of the shop buttons to transparent with this:

    .main_color .avia_cart_buttons {
background-color: transparent;
}

    Regards,
    Ismael

    April 30, 2014 at 6:34 pm #258378
    grpetz
    This reply has been marked as private.
    May 1, 2014 at 2:13 pm #258844
    Ismael

    Hi!

    Thank you for the update.

    You can change the opacity of the shop buttons with this:

    .avia_cart_buttons {
opacity: .8;
}

    Add this one to create a box shadow around the product boxes:

    .products .product {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
border-radius: 10px;
overflow: hidden;
}

    Regards,
    Ismael

    May 1, 2014 at 11:08 pm #259103
    grpetz
    This reply has been marked as private.
    May 2, 2014 at 2:00 am #259146
    Yigit

    Hi!

    Please try adding !important rule to Ismael’s code as following 

    .avia_cart_buttons { opacity: 0.8!important; }

    Best regards,
    Yigit

    May 2, 2014 at 2:04 am #259149
    grpetz

    Ok thank you. I noticed it is showing up in Google Chrome now when I preview the site while logged in as admin. The other browsers have not caught up yet, perhaps still cache issue somewhere? How about adding the thick solid 4px horizontal line underneath the menu? I asked about that. Can it be done too? I really appreciate your help! Thank you.

    Gary

    May 2, 2014 at 9:38 am #259249
    Ismael

    Hey!

    Glad it is working now.

    Please add this on Quick CSS or custom.css to add 4px solid border line below the menu:

    #header_main_alternate {
border-top: none;
border-bottom-style: solid;
border-bottom-width: 4px;
z-index: 2;
border-color: red;
}

    Regards,
    Ismael

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