Search Results for 'css'

I managed to around this issue with CSS but this is just a patch.
please, do you have any idea ?

I’m actually not using the speed booster plugin anymore myself; I’m now doing this

Switch from VC to TD Composer beta, and:

a) Scripts to Footer plugin
b) generate and insert critical CSS in header.php
c) de-enqueue main style.css in functions.php
d) manually add link to minified style.css in footer.php

In my case this works very well; especially with fast server, all other optimizations, and with mod_pagspeed running very quick (it’s off right now as bug in last release for our server, waiting for next stable version any day now …)

I will do a tutorial on this at some point …

• This reply was modified 9 years by simchris.

Hi Catalln,

I just tried your CSS and it worked but having no text makes it look little ugly. Have a look here: https://i.imgur.com/Po1MO3N.jpg

Is there any way to add a simple text like Facebook , Twitter, Instagram and Youtube at the available place after the social icons? I mean right at the place where previously it used to show “100 Fans, 48 Followers, 98 Subscribers etc.

If it can be done. I won’t have to wait for the next update. Please try if it’s possible. I know it’s a pure customisation but it will make the social counter future proof.

Thank you.

Hey!
I’ll post updated version once I finish the tweak of doom! Have been messing with the new TD Composer beta, so got sidetracked, as I wanted to leave VC behind entirely from “now” onward.

I will actually update and add the #comments on what couple of the things actually do. And I’ll include my AMP footer injection code, too!

Actually the trick with the stupid render blocking thing is three step

a) generate ‘critical CSS’ for your post page; insert this into the header.php right before </head>

b) in functions.php – “de-enqueue” the main style.css from being generated and placed in the head.

c) put link to the main style.css file in the footer.php file.

d) if you don’t want to use functions.php to move the other .js stuff; use the “Scripts to Footer” WP plugin.

THAT is the super secret way we do it for my SEO service here (not a sales pitch). What this does is load the important CSS “above the fold” inline, then page loads on mobile (and I have 98 MPS score to prove it; the last gotcha is the CSS for stupid ‘tap targets’ — ugh) without waiting for anything, then main CSS loaded at end.

This simply works. If you have weirdo plugins injecting css and js in the head, you’ll have to de-enqueue them and move to footer.php manually. But the speed rating improvement is insane as there is literally *no* “render blocking” of any kind for Google on mobile or desktop. Period.

I was writing an ebook on all of this but personal life intruded so that didn’t happen.

• This reply was modified 9 years by simchris.

Hi Andrel,
It worked partially. I mean now I am able to see the image caption link under the image but it doesn’t support any customisation that we had done with it. I mean , I have changed the font, styling and size etc for the caption using theme optional as well as some CSS codes but these are not valid here with JPEG. On contrast, everything is working fully fine with .GIFs that are added using external link.

To understand better , Have a look at these two images

1. the JPEG image with image caption that appears without any customizations : https://i.imgur.com/MFKzuCB.jpg

2. the GIFs image with image caption that appears with all customizations: https://i.imgur.com/YC3FXFY.jpg

Another big issue with this image captioned JPEG image is the whole image is clickable. I mean if someone clicks the image , it will open the image source link in a new tab. While the default property should be that only by clicking the Image source link text ( here the word “Source” ) should be clickable , not the whole image. I hope that you are understanding what I am saying.

Kindly see if you can provide some temporary fix for these issues and be sure to cover all these things in the next update.

One more thing- For “Smart List Style-1 ” as per the previous comment by Bogdan, the images are by default set to left aligned. I think it must be “CENTER ALIGNED” to look better on the screen based on “STYLING” of this listing. You can notice that “smart list style-1” and “smart list style-7” is appearance wise same but the “style-1” is ajax based while “style-7” is normal. But “style-7” has images aligned in the centre by default.

So, please make the alignment of style-1 images in the center too in the next update and do provide me any temporary solution for it.

I really need this because for users point of view, Style-1 is very fast and responsive and I really want to use quite often for my smart list posts, but due to this ugly left aligned images, it looks bad. I hope you must be agreeing with me on this.

Thank you for understanding

okay, fixed the plugin aspect..

Kindly provide the css code, thanks

Hi Catalin,

Can you please explain how and what i need to do.. is ther custom CSS i need.. if so what?

I just like the Slider .. logo and menu to have same concept as http://webknowledgy.com.au/ if you know what i mean..

Just dont know exactly how to implement this.. please help

Instead of doing CSS hack, can you please add option to turn off fetching fan numbers and to avoid displaying them completely? Thanks.

HI

1. You’re using V 7.1.1 of Newspaper theme and the option I’ve indicated it’s available only since 7.3 Try to update the theme following our documetation: https://forum.tagdiv.com/how-to-update-the-theme-2/ then test again.

3. Try this css in theme panel > custom cod > custom css: http://screencast.com/t/kj2MrhQ0T

.td-header-style-2 .td-header-sp-logo{
margin: 24px 0px 0 0px;
}
.td-header-style-2 .td-header-sp-logo img{
margin-left: 0;
margin-right: 0;
width: 300px;
}

5. Try this css: http://screencast.com/t/dIQSRWDpJH8n

a{
text-decoration: underline;
}

6. I can’t find the rss widget on your site, please provide a link pointing the page where I can see the widget and maybe I can help.
Thanks!

Hi

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

.td-header-sp-rec .td-header-ad-wrap {
height: 255px;
}

Let me know how it goes.
Thanks!

Hi

To achieve the desired result you will need some customization in theme’s coder files. Basically you need to edit the module used to display that post and add a condition there: http://screencast.com/t/MllfhVoon

                if (in_category('cat1') and (in_category('cat2'))){
                    echo "breaking new banner goes here";
                }

Note that you may need additional css customization for banner’s layout.
Thanks!