Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #661617

    Hello!

    Thank for the great theme!

    I have some styling questions. Im using the woocommerce theme and got some small problems with the styling of my product page. First my product looked like this : https://www.dropbox.com/s/kh96cplvkxxka83/1.png?dl=0

    I wanted to remove the borders, so i used this code:

    
    .inner_product {
    border: none;
    }
    
    .inner_product .thumbnail_container {
    border: 1px solid white;
    border-bottom: none;
    }
    
    #top .inner_product_header {
    border: 1px solid white;
    border-bottom: none;
    }
    
    .avia_cart_buttons {
    border: 1px solid white !important;
    border-top: none;
    }
    

    This did most of the work, but not everything. There is still a gray arrow left and a small bar between the “in cart” and ” more info” text. Here a picture: https://www.dropbox.com/s/g1hsona7h87je8g/2.jpg?dl=0
    Is there a way to remove this?

    One more question, the box with the text “in cart” and ” more info” is like 60& opacity, but when you hover the box it becomes 100& opacity. Is there a code that wil make the box always 100& opacity?
    Here a picture: https://www.dropbox.com/s/jjut39vp3vrvyy8/3.jpg?dl=0
    Thx!

    • This topic was modified 7 years, 8 months ago by Stadsherberg.
    #661622

    Hey Stadsherberg,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #661628

    Hi Vinay

    Thx for the quick response.

    Im working on a localhost and dont know how to share the link.

    In the mean time i solved the arrow problem.

    I made a clear picture of the current problem, here it is: https://www.dropbox.com/s/m28smjvjw1sfi4u/Problem.jpg?dl=0

    You see four red boxes with the text “Opacity 60%”, thats how it normally looks. When i hover my cursor (the green circle) over the text it becomes 100% opacity (the gray becomes darker). Is there a way that it always will be 100% opacity (dark gray) without hovering my cursor over it?

    On the left side of the picture you see a magnification of the blue box, thats my second problem. If the box is 100% opacity you see a small bar between the text “In winkelmand” (Add to cart) and “toon details” (Show details). Is there a way to get rid of the small bar?

    Thx!

    Ps. Sorry for my bad english.

    #661748

    Can someone help me?

    #662211

    ?

    #662774

    Hi,

    We are very sorry for the delay. Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Please add this in the Quick CSS field to set the initial opacity of the product buttons:

    .inner_product .avia_cart_buttons {
        opacity: 1;
    }

    Best regards,
    Ismael

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