text upside down in Chrome

@auxilium2016 – try this code to override the CSS that comes with the plugin:

.sticky-popup-left .popup-title {
  writing-mode: horizontal-tb;
}

This happened to me too. I moved the popup from the left to the bottom, and it’s fine, but my popup title is no longer centered, and I can’t recall how I did it the frist time!

Thanks!

Some themes may require !important

.sticky-popup-left .popup-title {
writing-mode: horizontal-tb !important;
}

…worked for me. Thanks Joel.

Thanks Joel / Dave

I am sorry but it didn’t work for me ??

I tried replacing this code

.sticky-popup-left .popup-title
{
    padding:10px;
    writing-mode:tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    white-space:nowrap;
    display: block;
}

with your give code

.sticky-popup-left .popup-title {
  writing-mode: horizontal-tb;
}

I also tried

.sticky-popup-left .popup-title {
writing-mode: horizontal-tb !important;
}

I tried making these changes here

Plugins >> Sticky Popups >> Edit >> sticky-popup/css/sticky-popup.css

Please let me know if I did something wrong!

I have found the solution . Hope it will help you
Step 1. Go to – Plugins >> Sticky Popups >> Edit >> sticky-popup/css/sticky-popup.css

Step 2. Replace code –
.sticky-popup-left .popup-title
{
padding:10px;
writing-mode:tb-rl;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
white-space:nowrap;
display: block;
}
with

.sticky-popup-left .popup-title {
padding:10px;
writing-mode:tb-rl;
webkit-transform:rotate(90deg);
moz-transform:rotate(90deg);
o-transform: rotate(90deg);
white-space:nowrap;
display: block;
}
or
copy the new code in the end of css

@gagangiri94, Please don’t link to your site.

@auxilium2016, Just a FYI, editing the plugin’s files will mean that you cannot update the plugin – or risk your modifications being erased.

It’s much better to use a Custom CSS plugin to hold your CSS modifications: https://www.ads-software.com/plugins/simple-custom-css/

@auxilium2016 Please read my reply for solving your problem

Thanks guys!

@andrew I installed Custom CSS plugin to place CSS code

@gagangiri94 I am sorry but the code you suggested didn’t work

But it’s fixed now. I used this code

.sticky-popup-right .popup-title {
writing-mode: horizontal-tb;
}

I tried the code Joel.a.taylor suggested but replaced “left” with “right”. Popup was at the right hand side so I just thought to give it a try and it worked.

Thanks again ??

Ufffff…… Thaaaanks I have the problem with Google Chrome and Firefox

Many thanks! With this code I solved my problem in the 2 browsers….

.sticky-popup-right .popup-title {
writing-mode: horizontal-tb;
}

My title text is appearing horizontal in chrome and does not appear in internet explorer.

I sound crazy, but honestly I don’t know where to put this code so my text appears correctly.

Hi There.

For me the text appears horizontal only in chrome on android, chrome on the desktop works fine with the “!important;” attribute.

Any ideas ?

Regards.