Please tell me it isn´t so.
I have just upgraded to 8 from 7.something.
Main aim – to get the black theme.
Just had a hellish weekend dealing with the fallout, and now I discover the mobile theme, i.e. that used by over 50% of our readers, remains in white.
I totally get that the mobile theme is all about speed, but black isn´t any slower than white is it? Usually faster if anything. Seriously, surely you understand that anybody wanting the black theme wants it for reasons of style and aesthetics? Surely if black wasn´t available you´d slap a big warning over the black theme, along the lines of ´we´ll warn you now that it isn´t compatible with the mobile theme so don´t waste a weekend masking everything look uber cool in black only to find out it isn´t, infact it will look a lot worse than it did before you started, because it has been designed for black but will be displayed on white. ´Surely you´d say that?
Tell me it isn´t so, but as i´ve a horrible feeling you won´t be able to, point me in the right direction of getting the mobile theme compat with the desktop. i assume there is some css in the default desktop demo that flips everything to make it the black version of the default demo.
(please don´t say carry on using the desktop version for mobiles if you don´t like its features)
Hi,
The mobile theme has nothing to do with the demo you have installed. The mobile theme has it’s own style and design. There is no option to change the general background color to black (or any other color in fact) in the mobile theme, at the moment.
The only color changing options are the ones in the theme panel, mobile theme section
– https://www.screencast.com/t/Lkulo5AfllWU
If you would like to change the default way that the mobile theme displays, please provide a link to your website and details about what exactly you want to change and how. I will try to give you a solution, if possible.
Thanks
thanks simion
i just want to ‘flip’ the colour scheme so mobile is consistent with the main desktop
black background, white fonts
i am a css novice but i’d have thought this would do the trick (but i’ve tried it in the mobile theme custom code css panel, and it doesn’t work)
body
{
color: #ffffff;
background-color: #000000;
}
Hi,
This can be done, you just have to use the right code. You can use the browser inspector to identify the elements used and their classes in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example you can try a code like this as a start, and maybe add more classes or more customization
– https://www.screencast.com/t/sWZ8sfRiophH
– https://www.screencast.com/t/O4SItaVQD
– https://www.screencast.com/t/sICsFHBh2KV
– https://www.screencast.com/t/yziOjRMA
The code must be entered in the Theme panel->Mobile theme->Custom Css. This can be improved the way you like, by adding more elements or removing them.
#td-outer-wrap {
background-color: #000;
}
.block-title,
.td_module_mob_1 .entry-title a,
.page-nav .current,
.td-page-title,
.td-category a,
.entry-title,
.td-post-content,
h1, h2, h3, h4, h5, h6,
.td-author-name a,
.author-box-wrap .td-icon-font {
color: #fff!important;
}
Thanks
that’s brilliant simion thanks. your code has done the trick for the immediate needs, i can see there is a learning curve with the css specific to the theme structure that i’ll devote some time to once i’ve got the fundamentals in place.
good work fella 🙂
Thanks. Solved my exact same problem !!
