Change these lines of code in ~/includes/td_css_generator.php and re-save your colours in the theme panel, and it’s back to V2 behavior:

Line 35: .mfp-content .td-login-wrap .btn,
Line 36: .mfp-content .td_display_err,
Line 158: .mfp-content .td_login_tab_focus {
Line 167: .mfp-content .td-login-panel-title,

Either way, there’s a “problem here:

if td-login-wrap is not supposed to affect colours, it should be taken out (since it’s not doing anything)

or

if the colours are meant to be adjusted, the css overrides for td-login-wrap should be updated to include the new prefix: eg; “mfp-content .td-login-wrap {”

(Specific Example: This is an override the appears in the css relevant to the login modal box – it includes an override for “.td-login-wrap” {V2 style login}, but not “.mfp-content .td-login-wrap” {V3 style login} – the login css should be either removed or updated from this override 🙂 :

.td-header-border::before, .td-trending-now-title, .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat, .td-post-category:hover, .td-header-style-2 .td-header-sp-logo, .td-next-prev-wrap a:hover i, .page-nav .current, .widget_calendar tfoot a:hover, .td-footer-container .widget_search .wpb_button:hover, .td-scroll-up-visible, .dropcap, .td-category a, input[type=”submit”]:hover, .td-post-small-box a:hover, .td-404-sub-sub-title a:hover, .td-rating-bar-wrap div, .td_top_authors .td-active .td-author-post-count, .td_top_authors .td-active .td-author-comments-count, .td_smart_list_3 .td-sml3-top-controls i:hover, .td_smart_list_3 .td-sml3-bottom-controls i:hover, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper, .td-read-more a:hover, .td-login-wrap .btn, .td_display_err, .td-header-style-6 .td-top-menu-full, #bbpress-forums button:hover, #bbpress-forums .bbp-pagination .current, .bbp_widget_login .button:hover, .header-search-wrap .td-drop-down-search .btn:hover, .td-post-text-content .more-link-wrap:hover a, #buddypress div.item-list-tabs ul li > a span, #buddypress div.item-list-tabs ul li > a:hover span, #buddypress input[type=”submit”]:hover, #buddypress a.button:hover span, #buddypress div.item-list-tabs ul li.selected a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress input[type=”submit”]:focus, .td-grid-style-3 .td-big-grid-post .td-module-thumb a:last-child::before, .td-grid-style-4 .td-big-grid-post .td-module-thumb a:last-child::before, .td-grid-style-5 .td-big-grid-post .td-module-thumb::after, .td_category_template_2 .td-category-siblings .td-category a:hover, .td-weather-week::before, .td-weather-information::before

Hmm.. OK.. I changed my colour scheme in Version 2 of this theme, and they disappeared on the login modal box only when I updated to Version 3… Was it accidental that my login modal box was taking on colours from the theme’s color panel in version 2?

I realise a few extra parts were added / split off with the new mobile menu that has been created, but I guess I just assumed whoever recoded the login box simply used a new range of style tags that had not been included in the color lists… but if you say it was never meant to be like that, fair enough.

It seems weird to me that the overide CSS that gets applied on the same page as the login window includes “.td-login-wrap” as an overide (it never applies, because it’s not specific enough) – even in your version 3 color code overrides…..

..”.td-login-wrap” was the old class that was used in V2’s old login box used to use before you introduced .mfp-content in front of that selector….. Are you sure? If so, that’s a waste of a css tag if it’s not meant to do anything..

Your mobile navigator menu ends up blank for me only if I have private browsing / never remember history enabled… It throws up a couple of javascript errors on the google ads and the facebook code you have (only when never remember history is turned on)…

Steps to replicate issue on a fresh install:

Set up a vanilla site. Change the colour scheme from blue backgrounds and blue writing to say red or something.
You will see nothing will update the colours of the login modal in full screen mode. Only applying forced custom css will work.

If this is by design, great – but in version 2 some colours did apply.

• This reply was modified 10 years by jsup.

I can confirm that there are no specific overrides for the mfp-content class…

I can see the override below, but it doesn’t target the new login modal in fullscreen….

.td-header-border::before, .td-trending-now-title, .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat, .td-post-category:hover, .td-header-style-2 .td-header-sp-logo, .td-next-prev-wrap a:hover i, .page-nav .current, .widget_calendar tfoot a:hover, .td-footer-container .widget_search .wpb_button:hover, .td-scroll-up-visible, .dropcap, .td-category a, input[type=”submit”]:hover, .td-post-small-box a:hover, .td-404-sub-sub-title a:hover, .td-rating-bar-wrap div, .td_top_authors .td-active .td-author-post-count, .td_top_authors .td-active .td-author-comments-count, .td_smart_list_3 .td-sml3-top-controls i:hover, .td_smart_list_3 .td-sml3-bottom-controls i:hover, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper, .td-read-more a:hover, .td-login-wrap .btn, .td_display_err, .td-header-style-6 .td-top-menu-full, #bbpress-forums button:hover, #bbpress-forums .bbp-pagination .current, .bbp_widget_login .button:hover, .header-search-wrap .td-drop-down-search .btn:hover, .td-post-text-content .more-link-wrap:hover a, #buddypress div.item-list-tabs ul li > a span, #buddypress div.item-list-tabs ul li > a:hover span, #buddypress input[type=”submit”]:hover, #buddypress a.button:hover span, #buddypress div.item-list-tabs ul li.selected a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress input[type=”submit”]:focus, .td-grid-style-3 .td-big-grid-post .td-module-thumb a:last-child::before, .td-grid-style-4 .td-big-grid-post .td-module-thumb a:last-child::before, .td-grid-style-5 .td-big-grid-post .td-module-thumb::after, .td_category_template_2 .td-category-siblings .td-category a:hover, .td-weather-week::before, .td-weather-information::before

Do you mean the color picker panel from the theme panel? because that didnt seem to take any effect.. 🙁
As soon as i remmed out these entries, my login panel picked up the colours that were set in the colors chosen in the theme panel (like they were in v2)?

Or did you mean the custom css “code” section?

Whenver this has happened to me, I’ve ended up reinstalling the plugin from the relevant version of the theme.
Just re-install; It’s normally sitting under ~/newsmag/includes/plugins/js_composer.zip

NOTE: MAKE A FULL BACKUP FIRST

Copy the plugin to your wp-content/plugin root directory and unzip it there.. All should be good to go afterwards

NO WARRANTIES, ETC

Oh and:

Line 24289: .mfp-content .td_login_tab_focus { background-color: #4db2ec }
Line 24329: .mfp-content .td_display_msg_ok { background-color: #4db2ec }

A little embarrassing but thanks Andrei – sorry for wasting your time. It seems I just need more sleep.

I failed to test this issue properly. It was in fact working in Safari for Mac, Firefox for Mac, Chrome for Mac, IE, Edge, Chrome for Windows – probably in every other browser except Firefox for Windows. I didn’t note down the version I was running – perhaps it was some setting that reset upon updating.

Anyway – unsure what it was, but I updated Firefox on my Windows machine to the latest version and everything is fine.

Thanks again for an awesome theme 🙂

You are a gentleman!

That will do just fine.

Saved me looking into it – Thank you 🙂

(Yes – It works just fine by the way)

• This reply was modified 10 years by jsup.

I just want to show some kind of login to my customers when they are using a mobile device – but I can’t seem to find any reference to it anywhere in the doco… Perhaps I am not looking hard enough? How is this done on the mobile – or is this a case where I need to write my own code for a mobile login box?

I don’t think you understood my question.. anyway thanks for replying.. I’m talking about the stylings that your theme generates..

http://www.screencast.com/t/8hoM1lpQZC

@lymwebdes PS: Don’t forget to update your footer text on your site..! © Copyright 2013 – your text << Be sure the Copyright symbol is warranted too.. 🙂

I think by default, “Sidebar Position” is set to “Default Position” inside each page.

If you have the blank spot on the right, can’t you just change the “Sidebar Position” (Under Page Template settings when editing that page, in the settings section below your page data) to “Full Width”….

This would remove the blank spot if you had no Sidebar, I would have thought.

Sounds great – but can you control which order they appear – or is it based on date (which position they appear in the reel)?

To show text only posts on a separate page, you could do this:

1. Use a menu – list all your main categories as separate items in your menu. It’s a win win – the posts still get indexed, and your readers can find them via top menu navigation.

2. Set all posts in your text only category as “gallery” post types (on the right hand side of each post, you can set what type of post you are submitting).

3. On all your widgets and reels, list all category types that have images, and exclude the categories that don’t need images. See previous comments in this thread for more info on this..

I hope that helps.

I mean featured image… As opposed to a featured post!

When posting in that category, look on the right hand side – you should see a post type section.. If you set it as a “gallery” post type, it will not show a featured image, with a big blank spot if you set it as a gallery post. This is useful, if you have certain categories, or newspaper columns that do not need an image (ie: text only articles – yes, Tagdiv team, there are certain articles out there, where we simply cannot get images – lazy posters, without cameras – perhaps.. I can’t work out any other way to get these articles online with no image, without resorting to cheating..) it would be great if we had a way to get articles up with no images, and not have to worry if they didn’t have a”featured image” – happy to exclude those particular posts from the various home page reels. Feature request? Exclude posts with no featured image from home page reels? Not the underlying category – only those that do not have a featured post… Perhaps also a “text only” post type.. 🙂

Also, if you have hidden a category from the home page and you don’t want to show a featured image when they browse articles from that text only category, you can cheat by setting each post type for that text only category to a Gallery post type and it should just come up as text with no big grey blank box at the top.

Let’s assume you’re wanting to hide a particular category from the home page.

1. Open up the honmepage “page”.
2. Scroll down past main page information down to the sectioned entitled “Home Page Loop Filter”.
3. You should see “Category Filter” – leave that on All categories.
4. Below this field, you should see “Multiple categories filter:”. You’ll need to list the numbers of all the categories you DO want to show – just exclude the ones you don’t want to see. eg; Say you have 20 categories, and you want to show 19 of them; you want to exclude Category 20….. You’d list 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19…..

You can use this same methodology to exclude certain categories from the various widgets,etc.

If you’re wondering how you can find out a category number from its name, there are a few ways;

1. You can go check out the wp_terms table.
2. You can write your own code to reveal it
3. From the admin panel, go to Posts > catgeories. Mouse over each of the categories, and the URL will have an attribute with a number in it – this number is the associated category number.

NOTE: In my example i listed 1,2,3,..19… In reality, your first Category may well start at 3.
I hope that helps.

Never mind.. I just worked it out.. (slaps forehead). Always the way!!