So there’s no way to use CSS to make the thumbnails in the mobile plugin site full-width, and possibly position the headline beneath it? : /
While is am testing my website on GTMatrix i am getting grade F for “Leverage browser caching”. I tried to use some code in .htaccess as seen below but there is no result.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType text/javascript “access plus 1 month”
ExpiresByType text/x-javascript “access plus 1 month”
ExpiresByType application/javascript “access plus 1 month”
ExpiresByType application/x-javascript “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
ExpiresByType application/vnd.ms-fontobject “access plus 1 year”
ExpiresByType application/x-font-ttf “access plus 1 year”
ExpiresByType application/x-font-opentype “access plus 1 year”
ExpiresByType application/x-font-woff “access plus 1 year”
ExpiresByType image/svg+xml “access plus 1 year”
ExpiresDefault “access plus 2 days”
</IfModule>
## EXPIRES CACHING ##
Fyi,
here is the custom css I’m using to change size of fonts on the “pages” in Newsmag:
.td-page-content p{font-size:16px;line-height:1.6em;}
Good day.
I need to add a new button to share VK.com
I add to the file td_module_single.php a new line:
<div class="td-sp td-sp-vk"></div><div class="td-social-but-text">VK.com</div>
Next, I add code in file style.css:
.td-social-vkontakte {
background-color:#507299;
}
.td-social-vkontakte .td-social-but-text {
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
/* responsive portrait phone */
@media (max-width: 374px) {
.td-social-vkontakte .td-social-but-text {
display: none;
}
}
But no text and no icons. Tell me what I’m doing wrong
I imported the animal theme, replaced all the content, removed all the things I don’t need, but no matter what I do the CSS for the h1 Post titles and Category titles are linked to the demo files and I cannot edit any font settings within the Theme Panel settings.
.td-newsmag-animals etc.etc
How can I change this? How do I unlink from the demo?
If I uninstall the demo, will I loose all my settings/data/set up?
Hi Catalin:
Linkedin Share Button has been working perfectly (following your advice above in September). However, it disappeared completely after we installed the latest Theme Update earlier this week!
I’m wondering if their new version code changes no longer support the temporary patch they supplied?
Here’s what we did:
1) Edit file: \public_html\wp-content\themes\Newspaper\includes\modules\td_module_single.php
At somewhere near line 53 add (just after/under whatsapp) add:
<a class=”td-social-sharing-buttons td-social-linkedin” href=”http://www.linkedin.com/shareArticle?mini=true&url=’ .
urlencode(esc_url(get_permalink())) . ‘&title=’ . htmlspecialchars(urlencode(html_entity_decode($this->title,
ENT_COMPAT, ‘UTF-8’)), ENT_COMPAT, ‘UTF-8’) . ‘&source=’ . urlencode(get_bloginfo(‘name’)) . ‘”
onclick=”window.open(this.href, \’mywin\’,\’left=50,top=50,width=600,height=350,toolbar=0\’); return false;”><div
class=”td-sp td-sp-linkedin”></div>
2) Make sure custom CSS code is still there. Add in theme options, custom code, custom CSS:
.td-social-linkedin {background-color: #006699; }
.td-sp-linkedin {width: 32px; height: 32px; background-position: -24px -744px; }
We observed the code was still in the custom CSS theme options.
3) Replace the image sprite files with the one’s you manually supplied last time.
Replace the sprites in \public_html\wp-content\themes\Newspaper\images\sprite with:
Still not working… Help!
You can use the child thee for the css, I just stated it;s easier with the theme panel. You will not lose any code from the theme panel if you update. It is easier than using a child theme.
Thanks.
Hello,
I;pm not sure what customization you made and how you implement the images but this is not a standard implementation of a featured image. You use post template 1 but there is no featured image shown on the post itself. I just see an iframe. There is no code for the featured image as well in the browser inspector. The blocks need the featured images to be contained in this css class:
td-post-featured-image
There is no such class on any of your posts including the ones that are showing the featured image on your homepage. I;m not sure how you use the theme api to add a featured image but you need to add it by the standard method of pressing the ‘set featured image’ button and selecting a file from your media library.
We cannot guarantee our blocks will work with custom implementation of featured images.
Thank you!
and, why i don’t past the css code to my style.css into child-theme ? All child theme work for that.
ok so….but if i insert my css into theme panel, when i upgrade the theme i lose my code?
Hello,
The child theme name should not affect the theme, but please try to use it with the default name provided here:
http://screencast.com/t/s6PvxKerg5
If you want to add custom css to your theme, do not use a child theme for that. The theme has a custom code box in the theme panel where you can add the css: http://screencast.com/t/sw3HjrWb7tx
Thank you!
Hi,
Well you can hide ads on particular posts with css but you will have to add a code for each post you want the ads removed from. If you add lots of posts, the code will get huge in a small amount of time.
I will add this suggestion on our list for future updates and if the development team decide on it , maybe we will be able to implement such a feature.
Thank you!
Hello,
I have upgrade the theme at the ultimate version. i have installed the child theme but if i insert my personal style into the style.css i not have any change. I have notice that the style work’s if i change the child theme name (if my child called child, if i change into child_1).
Why? There is a problem with the theme cache?
Hi,
Sorry, I meant the mobile theme custom css. The mobile theme has it’s own custom css box. Add the code here:
http://screencast.com/t/eUISQ7wOL
Thank you!
The noindex/follow attributes are for deindex from Google Serp’s that categories.
To hide them from the front-end you have to use the panel theme settings or with css using ID
Hi Nik
The code works on my end: http://screencast.com/t/fSjoHGhS
Please check your theme panel-> custom css section and make sure your previous code is properly closed
Also make sure you clear cache and reset cdn files as the code is the correct one for removing the comments.
Try it with chrome;s live css extension to see if the code works. If it doesn’t please provide a link to your site so i can inspect it.
Thanks.
Hello Fabrizio Azzali,
You can do it only if you are using a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-content p{
text-align:justify;
}
@media(max-width:767px){
.td-post-content p{
text-align:left;
}
}
Thanks for the message!
Hello,
Yes I understood what you mean but there is a limitation in the css. I cannot target just the links you added. I can provide a code that will target a link inside a p tag for instance…but it could affect multiple areas of your post.
Here is an example. This is the code i would provide for this to work:
.td-post-content p a{
color:#b87333;
}
But you will have to check to see if there are no other links affected in the post content.
The hover for these links can be changed in the same way. If the links do not have a specific class, it will affect all links inside a post. Use the code above for now as both solutions are equally general. Css needs specific and very particular instructions to work as we expect it to .If we cannot add specific and particular classes to our elements, then css will target all elements that fit the description we provide in the code. Right now the description is every link inside a p tag that is inside your post content. That can be lots of things. Not just a simple link you add. But it depends on what you add to your site.
Thank you!
Hello kostaskir,
The only settings for Breadcrumbs can be found in Theme panel, here -> http://screencast.com/t/ORP4HZNolZ If you want other settings in this regard, please notice that you should implement them yourself and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you. If you want to avoid the twice name of the category in Category page and Breadcrumb structure, you should use a bit of CSS code to hide it. You can try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.category .td-page-title{
display:none;
}
If is not what you mean, provide more details.
Thanks for the message!
I see you use a very old version of our theme. We suggest updating as more and more things will break from a theme that has been released 3 years ago. If you update wordpress and plugins bu not the theme, then there will be a moment when it will not work anymore. We cannot provide compatibility between the theme and wordpress if you do not update it.
1. Please use this css to center the logo
@media (max-width: 767px){
.header-style-3 .td-logo img {
position: relative;
right: 0;
top: -10px;
z-index: 3;
padding-top: 0px;
width: 180px;
margin-left: auto;
margin-right: auto;
display: table;
}
2. I cannot provide any css solution for it as it;s not added through css. il;m not even sure newspaper 4 had this option. Check the theme panel .If there is no such option in there, you can only add it custom .
5. This is how the search icon was added on newspaper 4:
.td-sp, .td-scroll-up-visible {
background-image: url(images/sprite/elements.png)!important;
}
You can change that url to your own image url and it should work
Thanks.
Hi
I have no problem editing my eight pages manually. Is it possible to do a general CSS change making a featured image be displayed the same way as on the blog posts, e.g. behind the title.
http://www.ladiesabroad.se/2016/10/roadtrip-balkan.html
Maybe what I am asking for is to apply Blog Post Template Style 3 to the page template as well?
Hi,
1. The sticky logo is there now. Mobile and desktop
2. Please remove any custom css you may have affecting the logo and add this code instead:
.td-header-style-7 .td-header-sp-logo{
max-width: 278px!important;
}
.td-header-style-7 .td-header-menu-wrap-full{
height: 106px!important;;
}
3. For the slider issue, please disable all plugins except visual composer, clear cache and reset cdn files if you use it. Then test the slider again. i sus pect some plugins are no longer compatible in the current version of the theme.
Thank you!
Hello,
Sorry for the inconvenience. It seems this bug escaped us. It’s a simple z-index issue. The container gets a z-index of 0 when a 1 is required.
Please use this css in the theme panel->custom css box for a quick fix:
.td_category_template_8 .td-category-header{
z-index:1!important;
}
Thank you!
Hello ThePhotoConnection,
Please notice that you can manage the social icons from Theme Panel->Social Networks area, like this -> http://screencast.com/t/fdkw2deF2 There you will find the entire list of the Social Networks. I have tried to access your website but I saw that it is in maintenance mode.
So, if you want to remove the theme logo when the menu is sticky, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-sticky-header{
display:none!important
}
If is not what you mean, please provide more detail about what you intend to achieve so I will be able to provide a more accurate response.
Thanks for the message!
Hello,
This is not an official method of implementation. I am creating a new topic here rather than creating an official guide. It’s just something I tested now and it seems to work. It’s not perfect but it may help our community with the VK network sharing.
Before other requests come about, please note that I cannot provide a solution for the social counter. That requires quite a bit of coding skills and has to be done on a development stage. The social counter is a very complex element and new social networks cannot be added as simply as the social share buttons.
If you want to add the VK social sharing network to your post social sharing top or bottom icons like so http://screencast.com/t/ScMmNIBXmM , then here is a guide on how to do it:
1. Access this link: https://vk.com/dev/share_details
2. Copy the first part of the code that is meant to be added to the head section of the site and do just that: The file is header.php in the main folder of the theme: http://screencast.com/t/P1PrauKfj
3. The second part of the code needs to be added in your preferred location on the site. I have not tested any other positions but you can get creative with the positioning if you want to. I just added it next to the other social sharing buttons on posts.
The file you need to add it to is td_module_single.php: http://screencast.com/t/9smS813bC
I also wrapped the code in a div and added a custom class for css positioning. Here is the final code:
<div class="td-social-vk">
<script type="text/javascript">
document.write(VK.Share.button());
</script>
</div>4. Now it will require a bit of css for better positioning so it will not interfere with the other social share buttons. Add this code in the theme panel->custom css box:
@media(min-width:1018px){
.td-social-vk{
float:right;
margin-left:10px;
margin-top:7px;
}}
@media(max-width:1018px){
.td-social-vk{
float:none;
margin-left:auto;
margin-right:auto;
display:table;
margin-top:7px;
}}You can get creative with this method and change it to your liking. The VK link above also provides solutions if you want to change the style of the button but I have not tried this.
This will not work on the mobile theme though. If you want to add the network on the mobile theme you will need to add it to this file: http://screencast.com/t/hN6TY7vhvK
I hope this helps everyone that needs a quick VK button.
Thank you and best of luck to you all!
