Search Results for 'css'

Hi Catalin, many thanks for your help.
How do I have to paste the code in css, I already have pasted the first one suggested to add space at menu and works fine. Now this other two codes must be pasted below that first one or somewhere else? First CSS goes to line 8, should I start from line 9 with the other one and so on? because I have pasted there but the other codes are not working, any suggestions?

thanks

Ok thanks Andrei.

Another solution would be to create a slight shaddow beneath the titles. Is that possible with CSS?

Catalin, is there any CSS file associated with that?

Hi Andrei,

I tried to find a workaround in order not to touch the js. So I added custom ad 1 to the top of the sidebar widget, put just a dot into the custom ad 1 field and added the following to custom css:
@media (min-width: 1019px) {
.td-a-rec-id-custom_ad_1 {
margin-top: 280px;
color: #ffffff;
}
}
This works fine in the custom CSS area but if I add exactly this code to .td-a-rec-id-custom_ad_1 in my style.css (in order to have this without load delay), nothing happens. Also not with the use of !important
Is there anything I’m overlooking?

Thanks

HI

For Newspaper theme this trick can’t be done via css because the page structure is different, sorry.
Thanks!

Hi

The theme don’t have any option to append images fro menu items. To achieve that you will need some customizations. You can either try to modify the html structure of the main menu or add the image via css on pseudo element.
This task involve some customizations and good codeing skills in order to be completed. We can’t offer customization services at the moment so if you really need guidance on this and 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.

Thanks!

Andrei L.,
Thanks for your reply. Concerning the Revolution slider; I’ve used those blocks and the slides show up but the original height dimension of image and height set when the slideshow was created are ignored. How to correct this?
Is there some CSS code I can insert like ‘height:200px !important;’, that would restrain the height of slider to the height specified in Revolution slider plugin? If I can at least control the height, I can adjust, crop and create the slides to look OK in the default column width.
Thanks

Hi nairolf,

Thanks for the helping hand. I never thought that changing CSS/js file frequently many cause an issue for SEO but for now onwards, I will try to stick with one design 🙂

About plugins, I have cut my plugin number to 21 and I need to add few more plugins like WP Quiz pro, ElegantThemes Share, and email opt-in plugin.
All these plugins are highly reputable and updated and have very low resource need as per P3 plugin profiler reports. I can understand the compatibility thing but don’t know on what ground it can cause security issues too if these are well-coded plugins.

Do you really think that I should decrease the number of plugins anyhow?

Anyways, I will surely take care of whatever you said above and thank you very much for the wish 🙂

ok, thank you, one more question, is there any css command that can refer to the whole theme and used to modify the overall opacity?

Hi Nano,
Have to understand that some plugins from wp repository they need to inject .js or .css into the header. If you move them into footer you’ll broke even the entire web. You are using a considerable number of plugins and that’s why now and in the near future you will have many many many problems (compatibility and security!!!).

For that reason, any WP themes author they make a list with compatible plugins. If you are using more than xx plugins, is almost impossible debug & make them compatible with the mother theme.

Always make test with Google Insights because is the most relevant for speed (another tools or GTMetrix is only a fellows my opinion for this circumstance, server location… etc. ).

Another problem, I’m sure that you use rules for .htaccess for expires or anything else. Take care, to much changes regularly made into .css/.js is not good for “SEO” (It is too long to explain & are trade secrets :))

Take care & success with your project!

Hello Andrei,

Thanks for the detailed response. Actually, I had made the lazy load off that’s why you couldn’t notice it. Currently, I have enabled it again and now you will be able to see the same issue again. Visit this again: https://tomatoheart.com/manisha-choraria/kids-manage-finance/

As I said, it disappears only when “Fade & Scale” or “Up fade” option is selected under loading effect. In case, I made it off or select “Fade (Full)”, It works very well. ( Check this screenshot: https://i.imgur.com/xUhvWum.jpg )
I know there is no issue with theme options or anything and it’s happening because of the compatibility issue of my this custom CSS

.wp-caption-text a {

    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    display: inline-block;
    padding: 0 3%;
    }
.wp-caption-text, .wp-caption-text a {
    color: #fff;
    font-size: 10px;
    margin-top: -28px;
    text-align: left;
    line-height: 20px;
    margin-left: 3px;
}

I rmember , under a different thread here : https://forum.tagdiv.com/topic/image-caption-disappeared-and-jpg-are-not-in-centre-in-smart-list/#post-131943 Bogdan has said that this code effects only externally sourced image and he has suggested a new code, which is working very well even with smart list style but somehow he wasn’t able to shift the “image caption” both in the bottom left ( it stays in the bottom center)

SO, I am using Bogdan’s code specifically for Smart list styles and using my code for all other places ( here it works with both internally and externally sourced images )

Example for bogdans code : https://tomatoheart.com/akshita/13-science-backed-reasons-indian-superstitions/
Example for my code: https://tomatoheart.com/manisha-choraria/kids-manage-finance/ ( It will disappear in milliseconds because of the current setting )

One better solution can be that if we can style Bogdan’s code in a way that it gets the same style as I am getting with my code. The only issue is to move caption box to bottom left. It will also solve “Lazy load” issue as his code works well universally.

Or you can check the compatibility of my code with last two lazy loading options.

I am repeating it again that theme is working very well and it’s just because of my custom code but any help will be appreciated.

With regard at Speed Booster, I can see it’s working but can’t see it impacts on Pagespeed, with ON or OFF, I don’t see any changes in the number of .JS or .CSS file under render blocking .

Does it work only for the internal .js and .css files , not for the external one?

A look at the current Pagespeed score: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftomatoheart.com%2Fmanisha-choraria%2Fkids-manage-finance%2F&tab=desktop

Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://tomatoheart.com/wp-includes/js/jquery/jquery.js
https://tomatoheart.com/…cebook-login/public/js/facebook-login.js
https://tomatoheart.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js
Optimize CSS Delivery of the following:
https://tomatoheart.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://tomatoheart.com/…r/assets/css/js_composer.min.css?ver=7.3
https://tomatoheart.com/…ntent/themes/Newspaper/style.css?ver=7.3

You can notice that all are internal .js or .css files related to either a theme or plugin. Why can’t it move theme related .js and .css files? what about googleAPIs and external plugins like Facebook login and YTsubscribe plugin ? Is Speedbooster unable to render it?

How can I check that what .j and .css files , speedbooster is succesfully moving?

You may want to answer these things, whenver you have time. Thank you very much.

• This reply was modified 9 years by Nano.

HI

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

a{
color: red;
}

Hope this helps.
Thanks!

Hi

I’ve checked the indicated link and the issue is no longer visible. Moreover I’ve noticed that you changed the position of image’s caption which may lead to some issues in some circumstances. I’ve also made a few tests on my side and couldn’t duplicate the issue.
Keep in mind that the theme is carefully tested and it works as expected. You changed lots of theme’s default features and those changes may cause issues. As a reference you ca do a test install on a sub-domain or on your local computer only with Newspaper theme and the plugins included in its path. Like this you will be sure that any possible issue is not caused by a plugin or by some customizations.

With regard at Speed Booster I can say for sure that the plugin works fine. From above resources only on is called by the theme, the fonts from google. Anyway Speed Booster will move any css.js resource it’s added in code and also if the plugin is active in System Status. Check this link for more detail in this regard: https://forum.tagdiv.com/topic/speed-%e2%80%8b%e2%80%8bbooster-akismet-php-problem/

Thanks!

Hi

@Sasser The theme is written according with WordPress standards and it’s optimized for best performances. However there are many factors which can influence site’s load time. I’ve checked your site with google page speed and noticed that is not optimized for a good performance. As @Chris pointed you ca uses our page speed guide as a start.

I’ve checked your site with google page-speed and from its reports I’ve noticed that there are a few images which slow the load time. Try to optimize the images following google’s docs: https://developers.google.com/speed/docs/insights/OptimizeImages Also you can use leverage browser cache to reduce the size of the css/js resources served by the server: https://gtmetrix.com/leverage-browser-caching.html
To move render-blocking resources in page’s footer you can use Speed Booster plugin. We covered in our documentation at point 5 how this plugin can be used.

Other useful information about page speed can be found in these topics: https://forum.tagdiv.com/topic/help-moving-style-css-and-fonts-googleapis-com-to-footer/ – https://forum.tagdiv.com/topic/speed-booster-questions/ – https://forum.tagdiv.com/topic/mobile-view-problem-3/

Hope this helps.
Thanks!

Hi

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

.td-post-content ul li{
list-style-position: outside;
}

Thanks!

Hi,

Getting the below error while trying to install the theme on my wordpress site. Any resolution?

Broken Themes

The following themes are installed but incomplete.

Name Description
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet. Delete

Hi

We never tested Ad-sense plugin with our them and we’re not aware of its functionality or how it works and we can’t provide an accurate answer in this regard, sorry.
If there is a conflict between Speed Booster and Ad-sense the causes can be multiple and to debug this issue are required some tests and most likely code customization. Speaking from a technical point of view your issue is most likely related with some css which is not properly applied. Here is a possible reason: Speed Booster moves theme’s style to footer which means that it will be among the last css codes applied on the page and most likely will override plugin’s style. This may cause the layout issue, but again is just a assumption.
We know how Speed Booster works but this does not help to much if we don’t know how Ad-sense plugin does.
As my colleague Catalin pointed we can’t offer customization services and making one plugin compatible with another, which is the case now, falls beyond the support can offer.
If you can’t manage to fix this you can allays find a developer or a freelancer on sites like
https://studio.envato.com/ to help you with implementation.

Thanks for your message and for your understanding!