sticky socket

[cg]

Is it possible to create a sticky socket – standard or transparent? I would like to use for email opt-in.  

[Radu]

Hi,

You can do socket sticky like this

COPY CODE

div#socket {
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: 0 auto !important;
    width: 100%;
    z-index: 99;
}

If you want to have socked with transparency use opacity

COPY CODE

div#socket {
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: 0 auto !important;
    width: 100%;
    z-index: 99;
    opacity: 0.6;
}

Add snippet to wp-admin -> theme options -> general options -> quick css

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[cg]

This reply has been set as private.

[Radu]

Hi,

Please use this css

COPY CODE

@media (max-width: 600px) {
    div#socket {
        color:red !important;
        height:70px !important;
        position: fixed;
        display:none !important;
        bottom: 0;
        text-align: center;
        margin: 0 auto !important;
        width: 100%;
        z-index: 99;
    } 
}

Under 600px the next css rule will be applied, replace height:70px !important; with your adapted needs.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[cg]

Thank you so much!!

[Author]

Posts