Search Results for 'css'

Results from the Forum
oliverberger
tagDiv Member

@andrei_luca

Thanks for your feedback but you probably didn’t read my last comment? It IS working with MEGA MENUs but not with those (from a page). The screenshot shown by you has a MEGA MENU (from a category).

I also -of course- have the newest versions of each installed as you could also deduct from my writing above.

Your theme is breaking it as soon as you use a MEGA MENU (from a page). If you do this, the plugin’s output is somehow displayed in the MEGA MENU and not in the post.

To better show you where the problem is I set up to dev installations

A)
http://ubersocial.de/bricktest/ (where the plugin is working fine – NO MEGA MENU from a page present)
check a single post entry and you will see the plugin working: http://ubersocial.de/bricktest/2016/01/11/hello-world/

B)
http://ubersocial.de/brickmag/ (theme is breaking plugin – MEGA MENU from a page IS present: Bricktopia, Themenwelten)
check a single post entry and you will see that the plugin is ONLY displayed IN THE FIRST MEGA MENU “Bricktopia” (but not the 2nd “Themenwelten”) instead on the post!

I’d still be very interested in any hint you could provide. Still believe it is a CSS problem with your theme.

Shvedoff
Participant
#0

Hi!
When I change Title background color in a Block, Link (hover) also changes to the same color.
Please see attachment for example.
http://prntscr.com/9pkf54
What should I add to custom css to leave the color links without any changes.

Thank you in advance

Andrei L.
tagDiv Member

Hi

Usually the size of a feature image from post can’t be the same as the size of featured image used on modules. The theme uses thumbs to keep the page size as low as possible. For example the same a featured image displayed on td_module_mx6 will have a 238x138px size: http://screencast.com/t/QYUnc0y5PUR and when is displayed inside post content, default template in this case, the size is: 640x426px: http://screencast.com/t/P3ffwJEZ2Us Basicaly from the original image the theme crops different thumbs which are used in different modules and blocks.
The theme uses the same thumb for mobile version but in many cases the surface which must be covered it’s bigger then the thumb size. For example in this situation the featured image it’s smaller then the surface which must be covered and because it’s stretched by css its quality it’s a bit lower: http://screencast.com/t/BvRx8GzjlALm That usually depends by mobile device size.

Thanks!

Catalin
tagDiv Staff

Hello Sibienii,

Daca doriti sa nu mai aveti acel spatiu intre Big Grid-uri, trebuie sa eliminati padding-bottom pentru Big Grid 1, asa cum puteti vedea in imaginile urmatoare -> http://screencast.com/t/UpSlvt9dr -> http://screencast.com/t/sepwqccH9
Va rog sa incercati codul CSS de mai jos si sa il adaugati in Theme panel->Custom CSS astfel -> http://screencast.com/t/gAXAyb08FF

.td_block_big_grid_1 {
padding-bottom: 0px;
}

Multumesc pentru mesajul dumneavoastra!

O zi frumoasa in continuare!

#0

Hi,

We are using a secure SSL protocol on our website and all of the external content needs to be delivered using a secure layer as well.

Looking at the Chrome Developers Tools we have identified that a font file is being pulled using HTTP rather than HTTPS.

The file in question is as follows:
http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz

I am unsure if this is being pulled in by the theme itself or a plugin.

Could you please advice on this issue and if this can be resolved by yourself as well.

More information:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz”&gt;
(In the head section)

Thanks,
Kind Regards,

zetam1320
Participant
#0

Hello,

My homepage https://snowyswan.com is broken under IE11 on Windows 7: http://take.ms/Q5qoQ

At the first moment it shows ok, but after loading the big grid becomes broken and my sidebar goes down.
I don’t use any custom css or html, so there is a big chance and something wrong with theme.

Thanks!

Catalin
tagDiv Staff

Hello doran,

Unfortunately, there is not a simple task to change the vertical alignment of that image. As I tried to explain above, you have to change the whole system cropping. You cannot change the image size using only CSS attribute because the thumbnail image is cut (cropped) already by this cropping system.

Hope this helps!

Thank you for your understanding!

Bogdan B.
tagDiv Staff

Hello,
You can use a simple css trick to hide the comments from the menu:
.menu-item-116719 .fb_iframe_widget_fluid, .menu-item-116719 h3:nth-last-child(3), .menu-item-116719 p:nth-last-child(2){
display:none!important;
}

Simply add the code in your cusotm css box in the theme panel.
Thank you!

Catalin
tagDiv Staff

Hello lospicos,

Unfortunately, the google fonts wich you are referring above does not come from our theme. I have tested on our theme with 2 new google fonts wich set it from Theme panel, like this-> http://screencast.com/t/dfjSsguBQe and our theme loads this inline with id='google-fonts-style-css', as you can see here http://screencast.com/t/WfxjHDmH3I Please check you plugins used by you and if you want to exclude these fonts from the page source, you have to disable these plugins.

Hope this helps!

Thank you for the message!

Andrei L.
tagDiv Member

Hi

The theme uses thumbs and for mobile devices to display the featured image: http://screencast.com/t/CDiVjcOMmSPF However the css is different depending by module layout. In some situation the image it’s stretched by css to fit the entire thumb area and its quality may be affected. You could try a plugin like WP Retina 2x: https://wordpress.org/plugins/wp-retina-2x/ to improve the images quality on mobile devices, or if this doesn’t work as expected try a bigger size image and see how it works.

Thanks!

Bogdan B.
tagDiv Staff

Hello,
Thank you for your kind words. We are happy to see our hard work is appreciated.
You can see a method to use excerpts in those modules/blocks by following this topic: https://forum.tagdiv.com/topic/block-9/
Or if you prefer not to edit the theme files and just use css in the theme panel there is also this solutioin: https://forum.tagdiv.com/topic/placeholder-image-2/
I will add your request to our list and if more people request such features, we will consider them for a next update.
Thank you!

Bogdan B.
tagDiv Staff

Hi,
I tested the code again on and it seems to work as expected. I set it to change the font size to 10 pixels on the mobile version only: http://screencast.com/t/obXSjeFFci
Please check any other code you may have in your custom css box to see if there are open tags that might cause problems.
Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/Sx80PXfo

.td-post-content{
background-color: #26e27b;
}
.entry-title{
background-color: #a50026;
}

If this is not what you mean please provide more details so I can get back to you with a more specific details.

Thanks!

Catalin
tagDiv Staff

Hello snowwatchGB,

If you want to exclude this header, it is necessary to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.

.td-comments-title-wrap {
display:none;
}

Thank you for the message!

Bogdan B.
tagDiv Staff

Hello,
The css is in the head of the document by default. People usually request to move it to the footer section as the google pagespeed insights suggest. Please provide an example of what css is not in the head section by default.
Thank you!

jonybigude
tagDiv Member

Ok… what if we manage to add a class to a post everytime we want it to be sticky? Then we can create an alternative news flood and through CSS make it invisible (no styling). This flood shows news from the post category “sticky” only. Then the person who is writing the new post can check a radio button to add that class and attribute the “sticky” category. That class will then make the post display:block.

Would this work?

oliverberger
tagDiv Member

It is definitely a bug of some kind.

The plugin is working with Newsmag V 2.3.5 as long as I don’t have a MEGA MENU (from a page) in my main navigation menu. If I don’t add a MEGA MENU (from a page) to the Header Menu (main) the plugin is displayed correctly on every post prior to the comments section.

If I add a MEGA MENU (from a page) the output is lost on every single post and is displayed in the MEGA MENU (from a page) instead. And only there. EDIT: and only(!) if I am in single post view (where the output of said plugin should be visible …).

So I guess it has something to do with how Newsmag handles CSS classes to display a MEGA MENU (from a page). Unfortunately the documentation is more than meager on this …

Any ideas?


@andrei_luca
– did you use a MEGA MENU (from a page) in your screenshot?

geo-herrera
tagDiv Member

Hey Catalin,

I fixed the issue with some custom css. Thanks for the help!

gunner05
tagDiv Member

Wait, there is a problem with the logo on mobile? I didn’t notice. any idea why?

I tried disabling some plugins… ads still align right instead of center. Odd. Could be all the css ive been adding based on your recommendations over last few days perhaps?

lospicos
Participant
#0

How we can put all css files to the head of the document.

Regards

Bogdan B.
tagDiv Staff

Hi,
If you want to input the code in the phones area, then you have to remove the @media part. The code already contains the mobiles viewport specified so you can introduce it directly in the custom css box, not the advanced one.
Thank you!

Andrei L.
tagDiv Member

Hi

To have the sort working you need to keep the view count active. If you don’t want the views appear on the post you can hide it using this css in theme panel > custom code custom css: http://screencast.com/t/BpSqEK1d0

.td-post-views {
display: none;
}

Thanks!

Catalin
tagDiv Staff

Hello willysawa,

If you want to hide your author name only on the home page, please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/M9vUIOfZAjx

.home .td-post-author-name {
display:none;
}

The result -> http://screencast.com/t/hFfelY2sv04U

Hope this helps!

Thank you for the message!

Catalin
tagDiv Staff

Hello EDMSU,

I have tested on my side all the options about your request and I found the best solution for you. First of all, you have to do a custom class in your header_style used by you. (I gave you an example for header style 3) -> http://screencast.com/t/WDxLdd2fVssH and then use this custom CSS in your Custom CSS area ->

.emptyspace {
padding-top:400px;
}

http://screencast.com/t/r0dpslPmDW

The code is here -> http://pastebin.com/3ef0cxvW

The result you should see here -> http://screencast.com/t/gSiSdiegNkaG

Hope this helps and let us know how it goes!

Thank you for the message!

Andrei L.
tagDiv Member

Hi

The top menu wasn’t designed to display ads but you can use do_shortcode function in top-menu.php file like this: http://screencast.com/t/ZvPGFp8dbS

echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');

Also you will need this css in theme panel > custom code > custom css: http://screencast.com/t/K6DdjFDOd0zK

.td-header-sp-top-menu{
padding-bottom: 10px!important;
}

Thanks!

Viewing 25 results - 24,901 through 24,925 (of 33,436 total)