Search Results for 'css'

Hi

To apply a different style on mobile devices you can use media queries like this:

@media (max-width: 768px){
.css-class-of-the-element{
color:red
}
}

This is just a basic example but works like this: for screens smaller then 768px apply a red color for the element with this css class: .css-class-of-the-element. You have to replace this expression with the real selector of the element of which’s style you want to change.
Note that this is a complex task which require good css coding skills and many tests in order to be accomplished. If you still need guidance on this or 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 as we can’t offer customization services at the moment.

Thanks!

Hi

The theme code was tested and optimized for best performance, we have a lot of clients and the theme works well on a large variety of hosts.
First please make sure that you use the recommended server configuration for Newspaper theme, you can check our documentation for more details: https://forum.tagdiv.com/newsmag-requirements-for-newsmag/
There are lots of factors that influence the site’s page-sped. I suggest you first try this without any other plugins active, leave just VC plugin active the check again. To improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.
Also you can use the speed booster to move the js and css at the bottom of the page, eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones. You can find some useful information regrading speed booster usage in this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/

Hope this help.
Thanks!

Hi Bogdan,

sorry for the late reply.
You’re right! I completely missed the CSS concatenation rules of thumb…
Thank you for pointing me to that chrome ext. I’ve been using manual CSS changes via debug mainly to spot “where is what”, but it’s a pain for editing.
About Cloudflare, I’m using minification plus whatever defer/async rules Rocket Loader uses. This is just a temporary (hopefully) solution, since I’ve got no time to setup these manually at the moment.
Thank you again for your help; tagDiv support always rocks!
Wish you a nice day,

– Luca

As a heads up to anybody moving to get AMP setup ..
the one major bugaboo seems to be Google not liking the obviously bad method WP has used for centered text all these years (which should have been a CSS class).

FYI, all the
<p align="center">Centered Text</p>

is going to show as an error in AMP validation (!).

Seems like a good time to remember how to do a search/replace via MySQL for the WP post meta.

( DOH ! )

If you prefer a plugin to do this — keeping in mind you BETTER make a backup of your MYSQL DBASE *first*, then this seems popular and recommended:
https://wordpress.org/plugins/better-search-replace/

Obviously making a class for centered text like

.centerboy {text-align: center;}

goal would be search replace to end up with

<p class="centerboy">Centered Text</p>

• This reply was modified 10 years by simchris.
• This reply was modified 10 years by simchris.
• This reply was modified 10 years by simchris.

Hi Bogdan,

I made the changes that you suggest. And I made changes at step 5 on that this page. I allowed all plugins for speed booster, I added $this->move_js_to_footer(‘ID’) and $this->move_style_to_footer_queue(‘ID’); codes for moving js and css files to bottom. Now I have blank pages. I can’t see any pages. All blank. So I deactivated Speed booster. Is there another way to move js and css files to bottom? Thanks.

Hi guys, i searched this forum and made try and fail, it looks almost cool, but need some more custom css.
This is what I´ve insert:
.td-footer-wrapper, .td-banner-wrap-full, .td-main-content-wrap,
.td-main-page-wrap, .td-category-grid, .td-category-header {
background-color: #141414;
}
.entry-title a,
textarea
{
color: white !important;
}

How can I Change:
1. The Category Header Color: http://www.urban.dog/category/du-und-dein-hund/
2. Sidbar Widgets Color on Post Pages: http://www.urban.dog/du-und-dein-hund/anschaffung/falls-du-ueberlegst-ob-es-ein-mix-oder-ein-rassehund-werden-soll/ as it is white now

Appreciate your support

Thanks Bogdan, So this means the Chaki guys did a lot of CSS customization because their website is also Newpaper theme

This fixed it

Header.php
<div class=”td-container”>
<?php wp_nav_menu( array( ‘theme_location’ => ‘sub-menu’, ‘container_class’ => ‘nav_sub’ ) ); ?>
</div>

Functions.php
// Add Sub Menu
function register_my_menu() {
register_nav_menu(‘sub-menu’,__( ‘Sub Menu’ ));
}
add_action( ‘init’, ‘register_my_menu’ );

Custom CSS
.td-container .nav_sub ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #fff;
}

.td-container .nav_sub li {
float: left;
margin-left: 0;
}

.td-container .nav_sub li a {
display: inline-block;
color: #666;
text-align: center;
padding: 13px 13px;
text-decoration: none;
}

.td-container .nav_sub li a:hover {
background-color: #d9d9d9;
}

Thanks for the reply and the CSS.

I understand that the Whatsapp icon will only show when viewing on mobile devices, and it is appearing on my website, however, the drawing of the whatsapp icon seems to be missing, please see screenshot below:

https://www.dropbox.com/s/zk1pmkyycipaat8/Screenshot_2016-03-03-23-37-33~2.png?dl=0

Sorry if I didn’t describe it accurately above.

Uploaded default functions.php and is ok.

Think you can assist me with following css code:

p {
hyphens:auto;
text-align:justify;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-epub-hyphens:auto;
}

So i’d insert it into custom css tab and would apply to all articles? Now i must apply it to every article css fild on visual composer.

Thanks