Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 12, 2018 at 10:33 pm #1044543
    Roger

    Hello

    On the single blog post and on the woocommerce “single product page”, there is on the left and right end of the screen a arrow. If I hover over with the mouse, than there is a rectangle showing up, with related products. How can I change the color of this rectangle and the level of the transparency ?

    Thanks for your help
    Kinde Regards
    Roger

    December 16, 2018 at 7:51 pm #1046037
    Victoria

    Hey Roger,

    Best regards,
    Victoria

    December 17, 2018 at 1:30 pm #1046288
    Roger

    Hi Victoria

    Thanks for replay. Yes I refer to https://cl.ly/678225c00cf9

    There is a grey box (rectangele with a arrow in it ) on the left of the screen. If you hover over it with the mouse, than there is a box open with one of the munu. I like to change the color of this box and adjust the transparency. ( see my screenshot in privat content )

    Thanks for your help.
    Kind Regards Roger

    December 17, 2018 at 7:30 pm #1046463
    Victoria

    Hi Roger,

    Here is the code that rules it:

    
#top .avia-post-nav {
    position: fixed;
    height: 110px;
    top: 50%;
    background: #aaa;
    background: rgba(0,0,0,0.1);
    color: #fff;
    margin-top: -55px;
    padding: 15px;
    text-decoration: none;
    z-index: 501;
    -webkit-transform: translate3d(0,0,0);
}

    You can change it as you like.

    Best regards,
    Victoria

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