Search Results for 'css'

Thanks Catalin,

but I got to tell ya, the screensnap (CoLUY7ZCcpuC) you are showing me does not look impressive. Too much space on the line height etc…

My problem is I don’t want a second line of menu spill over on the ipad. Nor do I want a very tiny font size. Just want control of the space between the categories and the arrows gone. Don’t need arrows, because the category highlights itself.

My site is p a r a d i s e f o u n d t o u r s .com

I really think the menu choices need better design to allow more categories and more letters.

Would you be so kind as to spare any css for that?

Thank you.

Also, since you are visiting my site on ipad. Any suggestions on fixing the deadspace on the right sidebar. When viewing on desktop the space after the video player stops to allow the body content to catch up (which is awesome) but on ipad it does not. It just shows a big space. any suggestions?

Thanks so much.

Hello, Catalin and thank you for responding.
I think that I might not have been quite clear on my issue so I got an example.
This is a site with the same theme, and when you open its front page it has the same widgets as the desktop version: http://www.worldnewspolitics.com/
That is what I want and not see a Latest Article list.
How can I do that? Changing the .css doesn’t change this.
Thanks

Survivingfood.com/blog

https://www.dropbox.com/s/f3rcvuxe4n6x0pl/06-27-2016%204-08-43%20PM.jpg?dl=0

https://www.dropbox.com/s/rwpy7xbwxs2rir7/06-27-2016%204-09-37%20PM.jpg?dl=0

Looks the same even if I delete all my custom CSS in my theme panel. Everything functioned perfect before the update.

Thanks,
Maurice

• This reply was modified 10 years by mauricem.

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..

Hi

The color for the login modal won’t change because the selectors are not included on the list. The theme does not have an option which change these colors so only custom css can do it by targeting the specific selectors.

Thanks!

Hi

You can use footer template 2 to display the text block, here is an example: http://screencast.com/t/fqe4iowhxsp – http://screencast.com/t/1nb26QcX0 – http://screencast.com/t/F1pXHarL1quX

Social icons were not designed to be displayed in main menu and to achieve that you’ll need some customization in theme’s files. Basically you have to edit the file corresponding with header style used and adapt the code. Also you’ll need some css to configure the layout.
This is a complex task which require lots of customiations in order to be achieved. Unfortunately we cannot offer custom work so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

To hide a specif column on mobile you can add a class for it in Visual Composer: http://screencast.com/t/jEmnnTLxr then use it in css like here:

@media(max-width: 768px){
.my-column{
display: none!important;
}
}

Thanks!

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.

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?

Hi

The css from theme panel it’s loaded after main css from style.css. The code from theme panel will overwrite the style from style.css so there shouldn’t be any issue with that.
Thanks!

Hi

That happens because you’re using black background-color for top bar and also the color for twitter icon is black. You have to change either top bar’s color or icon’s color. To color fro top bar can be changed from theme panel >theme colors and for twitter icon you can use this css:

.td-header-sp-top-widget .td-social-icon-wrap i{
color: red;
}

Thanks!