Search Results for 'css'

Results from the Forum
Nano
tagDiv Member

Hi Catalin,
I have tried adding !important; previously but it didn’t work 🙁 By the way, I use child theme style.css for modifications and have previously used few codes there and those codes are working well.

Should I try adding these codes under custom CSS section of theme panel?

What result should I expect if it works fine? I mean , Will I get the similar share button at the bottom too as it is at the begining?

Anyways, if you are sure of the codes. I must be doing something wrong. 🙁

Thank you.

Bogdan B.
tagDiv Staff

Hi,

In our theme the date can be removed from 2 separate spots. It can be either removed from all blog posts at once like so: http://screencast.com/t/ZJbCyI3Bu or removed from blocks on pages and category tags: http://screencast.com/t/8J9lvn75UG but there is no option to remove the date for specific posts or pages. it can be done with a bit of css though. You can target the date for a specific block on specific pages but this is done through the page id. Each page has a unique page id. you can use it in this code:

.page-id-90 .td_block_5 .td-post-author-name span, .page-id-90 .td_block_5 .td-post-date{
display:none!important;
}

Change the page id with the one from your page so the code can apply to your specific page
You cann add the code in the theme panel->custom css box

Thank you!

Andrei L.
tagDiv Member

HI

That is the style from our demo but you can correct it using this css in theme panel > custom code > custom css:

.td-post-template-4 .td-post-featured-image {
min-height: 110px;
}

Thanks!

Andrei L.
tagDiv Member

Hi

For each change made in theme’s colors or fonts, the theme generate a custom css. That delay appears because the custom css generated by the theme is loaded after main css form style.css file. A solution would be to add all custom css, which can be found in page source, directly in style.css. Currently you have this custom css for your site: http://pastebin.com/F2DAHtgV so try to paste it in style.css: http://screencast.com/t/eVESLB9qL clear all caches then test the site again.

Thanks!

Nano
Participant
#0

Hi, Since I am aware of CSS and JS files so I tried to use advance optimisation methods using Speed booster plugin. Here are few things that I want to know.

1. There are two versions of “important notice” I read under various threads about this speed booster plugin:

A : Important note: SpeedBooster will not work with all plugins. It has a compatibility function in it’s code and will deactivate itself if an incompatible plugin is detected.

B: We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed.

I mean, what’s the ultimate truth? Will the speed booster get disabled with any new plugin installed and activated under “plugin” section or it first checks some compatibility and if it finds itself not compatible, it disconnects itself?

2. What does it mean by “deactivate automatically” ? Does it mean that under plugin section, I will Speed booster plugin as “deactivated but installed plugin” or it will still show activated here but will stop working internally ( internal deactivation) even if it shows active here? ( Image here: https://i.imgur.com/h4vpHSm.jpg )
3. Suppose I find it deactivated and then after installing 2-3 new plugin, I manually activate it again , what will happen now? What JS and CSS files it will move to footer? Will it automatically sends every new JS and CSS files added to footer or Will it send only those files, whose plugins are defined under whitelist.
If the later one is true then I don’t think Speedbooster can break site automatically since it’s not adding new JS/CSS files automatically to footer, hence there should be no issue in using it atleast for moving few known JS, CSS files. Right?

4. How to whitelist new plugins to use it under this speedbooster plugin?

5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )

but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )

But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.

Why is it happening and what should I do to avoid this and remove the render blockings?

Please help. Thank you.

Alex
Participant
#0

Please advise why is this happening in IE as per screenshot. In other browsers such as Chrome and Firefox it seems to be working fine.

In IE the megamenu drops down with an error in the first time.

After navigating on the first item – it fixes itself.

If this happens due to the Booster and IE, that’s fine.

If this is something to do with css itself eg < li >, < ul > or anything else – please advise.

Thank you

rodrigocarlos
tagDiv Member

This code to insert into the functions.php, so that I can use the Style 11? Or even that use the Style 5?

And another thing … This solution is to insert on pages amp, but I don’t edit the pages amp manually. They are created automatically by the plugin of Automatic AMP.

The problem here is that, with the use of the amp, my site will never be able to use the Style 11.
And another problem is that when choosing the Style 5, I’m going to have to change post by post, and insert the url of the youtube video in the body of the text. A rework … that if in the future there is the possibility to use the Style 11, I’m going to have to do this all again rework, post by post, which will likely have more post now.

I use the plugin “AMP-Yoast SEO”, and it has two fields where I can insert CSS and Extra code in (only meta and link) to be inserted in the <head> when it is converted to amp. So, would have some code that could collect the url of the youtube video and automatically insert at the beginning of the text, when amp page?
If access the original page, so keep as is (Style 11). But if it is the amp page access, so this code collects the url of the youtube video and insert text automatically. More or less it.

Catalin
tagDiv Staff

Hello Dave,

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.page .ck_form.ck_minimal {
margin: auto!important;
}

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

If is not what you mean, please provide a screenshot pointing to the desired results because it would be more useful to understand us what you are trying to do.

Thanks.

Catalin
tagDiv Staff

Hello Birbo,

After several investigations in this regard have concluded that this type of issue come from WP Super cache which is not fully compatible with WordPress 4.6 and that’s why this problem occur. We hope that WP Super cache plugin will be updated it as soon as possible and that problem will be fixed. Notice that this issue appears and on Mobile Theme from Jetpack when the caching plugin is active.
Please notice that we have reported this issue to Jetpack and we are waiting for an update from them. Until that, you should use our workaround posted here -> https://github.com/Automattic/wp-super-cache/issues/132

The author will need a bit of a CSS fix as the CSS got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Sorry for the inconvenience but please notice that we will consider fixing all of them as soon as possible in future updates.

Thanks for your understanding!

Andrei L.
tagDiv Member

Hi

Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/

Hope this help.
Thanks!

Andrei L.
tagDiv Member

Hi

The code provided by Bogdan works fine, please check this screen: http://screencast.com/t/Bl88VlTkd If you want a different result just change the values from css.

Thanks!

menneskedyr
Participant
#0

Hi,

I’m preparing a redesign of a website built using Newspaper. To test it properly, I need to have a local instance of the theme running (CSS styling is not enough as I have to change theme settings as well, so I can’t test it as a child theme on an active installation).

Will the theme be functional enough if I run a non-activated copy of it on a local machine for testing only?

Or, if not, is there a way around? How to play with the theme for preview only?

Thanks.

Bogdan B.
tagDiv Staff

I quote myself from above:

As for the meta info, you can select the meta you want for modules and blocks as well as the category tag from the theme panel . You can remove these elements if you do not want them:
http://screencast.com/t/SozRBtvzLAt and http://screencast.com/t/Pl9YedX3V

This will remove the m,eta information from all of the blocks. Our theme does not have any options to hide it for a specific block or grid. If this is what you are after, then you need to specify exactly what grid you want the meta information removed from and I will provide the css code for it.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

1) Please do one more test with adsense. Please install the adrotate plugin and use your adsense code with the plugin. You can add the plugin shortcode in the theme ad spots. This way you will bypass the theme ad system. See f the plugin shows the ad. This way you will know if the theme is the problem or the ad is the problem.

2) Our theme will create the thumbs you want it to. You can select what thumbs you want to be created from here: http://screencast.com/t/0q4GnuUpwLbw

3) Yes, sorry, there is block 15 that shows 3 thumbs, yes. You can find it in visual composer under all elements:
http://screencast.com/t/wUYmYNt3o

4) You can use this code in the theme panel->custom css box:
#menu-td-demo-header-menu-1 li a:hover, .sf-menu > .current-menu-item > a{
color:white!important
}

Thank you!

Catalin
tagDiv Staff

Hello jonesdanny,

If you want to hide the Header Ad only for your homepage you will have the following code and place it in Theme panel->Custom CSS area.

The code is ->

.home .td-all-devices{
display:none;
}

If the code will not working, please provide your website URL so I can inspect it closer.

Thanks.

Catalin
tagDiv Staff

Hello nano,

For some of your customizations, please try to use the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.author-box-wrap{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
border-color:red;
}
.td-author-name, .td-author-description {
font-family:Verdana;
}
.author-box-wrap img {
border-radius:50px;
}

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

For more control over Posts Elements, Author Section regarding on fonts, please check your Theme panel->Theme Fonts, like this -> http://screencast.com/t/ggyEAdDn8 Also, the theme does not have such an option that offers you a way to add the social icons on the author card but only if you will implement it yourself or you can use some plugins with this functionality.

Thanks.

Bogdan B.
tagDiv Staff

Hello,

The theme has no settings to increase the size of these buttons or the font but it can be done through css.
Try this code:
.td-post-sharing a{
font-size:14px;
}

(the buttons get bigger with a bigger font)
Thank you!

Bogdan B.
tagDiv Staff

Hello,

Here is the code to hide the ad oin that specific post:
.postid-6521 .td-g-rec-id-content_inlineleft{
display:none!important;
}

You can add the code in the theme panel->custom css box

I could not see the coming soon sub-category problem. The articles and video categories have no “coming soon” Please provide an example so I can better understand how to help

Thank you!

Rousing The Kop
tagDiv Member

Thank you so much. That tiny bit of CSS has completed my design entirely. And as it turns out, the reason my homepage on mobiles didn’t look nice was because I hadn’t yet posted using the featured category.

nycinsider
tagDiv Member

Yeah – I’ll stay away from the advanced part and just try different plugins. I still have the CSS issues with google, but the speed booster didn’t make an impact on speed – at all – and killed my child css.

Do you know how to set an exp for .woff? Google is giving me this error:

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.

http://www.domain.org/wp-content/themes/Newspaper/images/icons/newspaper.woff?9

If you could tell me exactly what to put in .htaccess that would be great.

Nano
tagDiv Member

Hi Catalin,

I am really sorry if my question frequencies are too much. I have just changed my website theme from My MyThemeShop SociallyViral theme to NewsPaper theme. My website is https://tomatoheart.com . I have done 100s of customizations with the help of MyThemeShop developers but since now I have to change the theme I have to do everything again. 🙁

Please let me know how can I give you my website login credential so that you can internally look at it. I am still continuously learning and changing things and exploring all available threads here for help.

I don’t find any reason ask you basic questions like how to install theme or plugins so all I want is little customizations help. I am very well aware that you won’t entertain any huge customization requests and hence I am trying only to get small help from you for the minimum customizations that can be done in limited available time.

The rush of questions will be at pick for few days and then I won’t have much questions to ask for the rest periods of my support days.

Since I am not aware of CSS coding things. SO, I don’t know the difference between what is easy and difficult for customization. So, I am asking whatever I think I should change. Please be patient a little as I am very hopeful to make a high-quality website based on NewsPaper theme.

And yes, I am really loving this theme. Thank you for making it 🙂

Bogdan B.
tagDiv Staff

Hi,

If the mobile theme front page is where you want to hide categories from, that is not possible through css and there is no easy solution I can provide for it. Sorry.

Thanks.

Catalin
tagDiv Staff

Hello nano2408,

Please notice that all of these requests involves knowing your website so I can inspect it closer and also, so I will be able to provide a more accurate response. Also, please notice that all of these involves custom modifications and we cannot provide custom work at the moment but I will try to guide you on the right direction through some CSS after providing your website.

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hello,

Our theme offers a custom code section here: http://screencast.com/t/9BKaVhDPGGpw
You do not have to edit any file to use css customization.

Thank you!

Catalin
tagDiv Staff

Hello nano2408,

Please keep in mind that zoom effect it totally made from JavaScript and some CSS transitions and it can not be changed easily but only through custom work and we cannot provide something like this at the moment, sorry! If you want to disable this option, you will have to do it from Theme panel, like this -> http://screencast.com/t/F9fvJ4z8

Thanks for your understanding!

Viewing 25 results - 21,326 through 21,350 (of 33,436 total)