@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!
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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@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://wordpress.org/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.
