- NewspaperCreate Custom Code with the browserâs Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello sary khames,
1)Please provide your website URL so I can inspect it closer. I cannot provide now an accurate response because is required to know your website because this is different for each header style used.
2)If you want to add the background for your header, you have to add it using a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-bg {
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-size: 1903px 200px;
background-repeat: no-repeat;
}
The result you should see here -> http://screencast.com/t/ThB4tslLhN
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
The theme don’t have an option to change the font for the text displayed in smart lists but we will consider this for future updates. Now you can use this css in theme panel > custom code > custom css: http://screencast.com/t/jOy8VJ1Nznrr
.td-sml2-description p {
font-size: 20px!important;
}
Thanks!
Hi,
I’m not sure what you mean by ‘ratio’. If you are talking about the aspect ratio, block 3 uses a thumbnail of 324×160. This cannot be changed as there is no option in the theme panel for it. It can be done with custom modifications if you know your way around php.
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
For modifications you can create your own thumb: https://forum.tagdiv.com/td_api_thumbadd/
The video play button can be disabled by adding this custom css in the theme panel-custom css box:
.td-module-thumb .td-video-play-ico img{
display:none!important;
}
Thank you!
Hello,
If you use a plugin for the category text and have it in the sidebar, then you can simply hide it from the cat page using css:
.td-category-header .td-category-description{
display:none!important
}
I hope this solves the issue.
Thank you
Hi Chris,
It seems that everything is ok but pictures still are not visible. My host provider says that it might be a problem with a css file. Is that can be true?
Thanks,
Jerzy
Hi I am using a Block 11 and I was wondering if there was a simple way to format the thumbnail to a consistent size? We have multiple contributors who aren’t too aware of image sizing and optimization so I was just wondering if there might be a simple css fix or something. Thanks in advance! Attached is an example of what I’m experiencing
Hi,
I’m using the style 8 ,full header logo + full menu.
I want the logo to be at left and not at center, how can i do with CSS ? I tried some things but the problem is that we can see the logo mooving from center to left. I want that it displays great without mooving.
Here’s my website
Thank you for advance
Hello skyscorcher,
If you want to hide the header, footer and the menu from a specific page you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area. In order to achieve that, you have to target the specific page by page ID -> http://screencast.com/t/24db8sX41
.page-id-39 .td-header-wrap, .page-id-39 .td-footer-wrapper {
display:none!important;
}
Hope this helps!
Thank you for the message!
I am using Style 2 of the News Ticker and it works great if there is a post in the selected category. But I am using it as a Breaking News feature and will not always have a post in that category. When there is not a post, there is still space for the headline and the border around the box.
Without a breaking post
http://www.screencast.com/t/XNJ0PYAEV5c
With a breaking post:
http://www.screencast.com/t/bwzqJavNGeA
I tried changing the CSS to have a yellow background but have removed it because it left the yellow bar when there was no content.
I tried the default style but it was smaller than I wanted.
Thanks for the great support,
Rick
Hello. I have a few problems with images, font and readmore added manually.
Buna ziua. Am instalat in test tema si am niste probleme; momentan nu pot pune tema pe site live, datorita punctelor de mai jos.
1. am poze de 300×200 (thumbs) si imi arata una sub alta in site-ul principal. am gasit o rezolvare pe forum, dar e din 2014, nu mi se aplica, am incercat. (https://forum.tagdiv.com/topic/how-to-put-images-in-same-raw-in-4-0-2/)
Am aplicat aceste coduri:
.td-post-content img, .mce-content-body img {
float: left; margin: 5px 5px 5px 0px;
padding: 2px;
}
.td-post-content p, .mce-content-body p, .comment-content p {
clear: both;
margin: 5px 5px 5px 0px;
}
.cmam-content-widget.widget, .cmampos1-content-widget {
padding: 2px 5px 0px 0px;
}
(acesta al treilea, e de la clickmissile plugin, il folosesc, caci daca folosesc ads de la dvs din tema, nicicum nu imi iese, din aceeasi problema. am nevoie de float. sa mearga, si la ads nu exista float. ori mi se mareste catpostul, fara sens, ori stanga, dreapta, dar eu vreau dedesubt, gen float, liber, iar ce continut am sa nu se duca, stanga, dreapta; de accea folosesc click missile de la heatmaptheme.)
– sa revin. am pus codurile si imi arata cat de cat normal pozele si textul, fara spatii imense. am poze mici, in general de 300px. Sunt corecte codurile ? Le pun direct in script.css, jos de tot, pentru a se incarca direct pe site.
2. pozele imi arata una sub alta si in tinymce, cand creez posturi! am pus tema default, imi arata normal, unele langa altele formatare corecta, text corect, deci e problema tema. cum sa rezolv pentru atunci cand creez posturi sa imi arate normal, cand dau pe VISUAL ?
3. daca punctul unu ar avea codul corect, nu as avea aceasta problema din punctul 3.
siteul meu are continutul postului astfel: titlu in strong cu h3, apoi thumb image de 300 si “manual” adaugat “readmore” apoi continut in continuare. homepageul eu il setez cu 10 LAST POSTS, caci neavand featured images, folosesc ceea ce am explicat.
Am setat M15 in “Blog and Posts template” – singurul care mi sa-ar potrivi…? as dori oarecum fixat, gen ca in imagini.
dar iata problema. un post vine peste altul… ca in screenshot. am scos codurile adaugate de mine si vad ca .td-post-content img, .mce-content-body img ar fi de vina. nu este corect codul.
4. as dori sa pun CONTINUE de pe mijloc in stanga, normal (precum READMORE este in alte blocuri), care este codul?
5. template settings – search template: SEARCH as dori sa fie tot gen homepage) setez tot M15. este de editat un cod si acolo, sa nu imi vina un post peste altul ? daca da, va rog dati-l.
6. categoriile : le doresc normal, ca si latest posts, adica textul meu cu readmore adaugat manual, in M15. sper ca sa nu fie nevoie de cod. de este, va rog.
7. fontul titlului: folosesc DEFAULT SITE POST TEMPLATE – Style 3 (desi nu am featured image, nu am nevoie, e debifat)
daca ma duc in fonts, style 3 si modific size 35 cand se incarca pagina postului, fontul din mare se face mic, si este deranjant. as dori sa adaug direct in css sa schimb marimea fontului in 35. unde este?
8. as dori sa pun By USER – DATE – VIEWS deasupra la TAGS
Ma intereseaza imaginile una langa alta, caci unele sunt butoni de download mici, ce nu trebuie sa fie mult prea departe de ad si sa fie simetrici cu text si imagini mai sus…
Multumesc pentru rabdare, atat momentan.
Detin si tema newspaper, si in ea este problema cu pozele ce nu merg una langa alta. puteti da si pentru ea? doar codul de fix imagini.
I tried this code, it seems to work on my computer, but it doesn’t seem to work on my iPhone. Does the mobile version need another css custom code ? Thanks.
Hey
I switched my comment system to FB comments and edited the template for a custom position. All looks good except that I lose the CSS title block for comments, now its just plain H2 text. Newspaper uses stylised CSS title blocks in the sidebar and to separate main page elements which keeps it all neat.
I cannot see a way to stylise plain <H></H> tags in the same manner. Also this particular title is set by the FB comments plugin. There is a nice site in the showcase that has managed to do it, I can’t see how.
1. My site with new FB comments added http://www.screencast.com/t/JOogiPEYn
2. Desired result here, http://www.screencast.com/t/qYBPuCE93zs
3. Live page example http://www.gloholiday.com/top-10-most-unusual-hotels-in-the-world/
Any nice suggestions?
Thanks
Chris
I am trying to add links inside the copyright text area. I want to add links to my terms and privacy pages after the copyright like this:
2016 Mysite.com. By using this site you are agreeing to the Terms of Use and Privacy Policy.
This only sort of works, sometimes I get one of the links working and not the other, sometimes it outputs a giant text string into the footer copy and sometimes it removes part of the text. I assume you did not design the copyright text input area in the sub footer settings to accept links?
I feel like I almost have it working. Is there another way I should be writing it? Do I need to edit the footer php file?
Also, how do I center the whole copyright text area. I can center align the text with css but the whole block is still way over to the left side. How do I center align the whole footer text block?
Thanks
How is it going?
I have been trying to fix the site speed for a while now and I can not get it over 42 / 100 mobile or 61 / 100 desktop.
I have followed the instruction (pagespeed guide) numerous times – However, the problem I am running into is the FILE NAME is from the PageSpeed Insights page are no where to be found on the txt. file that from section
“5. Remove render blocking css/js â using the TagDiv SpeedBooster plugin”
I have delete plugins – and nothing works – the only reason I got that speed UP to 61 n 42 is because I used CloudFlare..
Can someone please help. Site is http://philadelphialocalbuzz.com/
This is my Website: Nerdope.com
You can check what I mean. I installed the Tech Demo and it’s all showing like that.
Please help.
Thanks! I’ve implemented it now. Actually, it turned out not to be too difficult đ
If anyone else wants this for future, all I had to do was add this modified version:
if (current_user_can('edit_users')) {
$buffy .= '\<a target="_blank" href="' . get_edit_user_link($author_id) . '"\>edit\</a\>';
}
(Backslashes added for forum displaying…)
…right inside the <author_box_wrap> div, and add this CSS:
.author-box-wrap:hover .td-admin-edit {
display: block;
left: initial;
top: initial;
}
I tend not to worry about those as they ONLY load if somebody is running IE8 or IE9, both are deprecated (obsolete) browsers, so additional elements needed to make modern themes/sites/CSS work with those old insecure and security-borked browsers. So, they only load for those folks and not everyone else.
I think that’s in the header.php if you wanted to quash them. But, why?
Nice :).
If you are using Elegant Theme’s something seems to always break on every major WordPress update :P.
Anyway I just noticed the following code:
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important}</style><!--[if lte IE 9]><link
rel="stylesheet" type="text/css" href="http://www.x.info/nl/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css?152966" media="screen"><![endif]--><!--[if IE 8]><link
rel="stylesheet" type="text/css" href="http://www.x.info/nl/wp-content/plugins/js_composer/assets/css/vc-ie8.min.css?152966" media="screen"><![endif]-->
Did someone find a fix for that one? I am already using Chris’s example:
/*remove visual composer*/
add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
/*remove Visual Composer CSS from âpostâ pages */
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
/*clean head */
remove_action( 'wp_head', 'wp_generator' ) ;
remove_action( 'wp_head', 'wlwmanifest_link' ) ;
remove_action( 'wp_head', 'rsd_link' ) ;
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'feed_links_extra', 3 );
/*remove 4.2 emoji*/
remove_action( âwp_headâ, âprint_emoji_detection_scriptâ, 7 );
remove_action( âwp_print_stylesâ, âprint_emoji_stylesâ );
Hello tagDiv,
That’s too bad đ
If I use the Visual Composer – > RAW HTML:
<h4 class=”block-title”><span>LEZEN</span></h4>
Then i see this: http://www.screencast.com/t/NJd2aGTO52G
I can adjust the font color, but the background color does not.
Is it not possible to copy the CSS code and rename it?
Kind Regards,
Thies
Always interesting to see that other people have different views :).
I basically used the same logic to go in a completely different direction. On my older Joomla and WordPress based websites I didn’t know how to create overrides and such. The more websites I got (currently about 8 now) and the more time passed (oldest is 2008), the harder it was to remember what I did and why.
So I started to create these detailed log files to deal with that. Of course after a year I always had to search for those files because I forgot where I left those logs :P. The most annoying stuff I did was editing the style.css directly. That meant that every time I wanted to update I had to do a code comparison between files that were by definition not similar!
In the end I got fed up with “wasting” my time and invested time and effort to learn how to create overrides and unload functions for both Joomla and WordPress. Now I am glad I did because it is saving me so much time. All minor updates are now handled automatically by the server. Major versions I have to manually “order” so I can check if nothing went wrong. This is basically a 95% reduction of time I spend on maintenance.
Of course there are some downsides. It takes more effort to implement and you have the @css import, which is not SEO optimal. And yes at some point you will need to re-apply your changes on the latest files. Child themes do not make you immune to change.
Don’t forget about the importance of updating though. Last year there were some serious security exploits in a lot of themes. Years ago a leak in the Joomla upload function once resulted in a php script being uploaded that was used to send emails. Not fun :(.
Hello Pc-Drifter,
1)If you want to change the color of the category tags, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-animation-stack:hover .td-post-category {
background-color: red!important;
}
The result -> http://screencast.com/t/QZfzCwKGx
2)If you want to change the color of the title of the post from Big Grid, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-big-grid-post .entry-title a {
color: red;
}
The result -> http://screencast.com/t/fPzqUMLn
Hope this helps!
Thank you for the message!
Hello williamgalipeau,
1)I have checked your website and saw the problem with your logo on the mobile version. To fix it, please try the code below and add it in Theme panel->Custom CSS area.
.td-logo {
width: inherit!important;
}
The result you should see here -> http://screencast.com/t/6MxChnLKLwg
2)I have checked your website and saw these dimensions for your footer logo -> http://screencast.com/t/VXIbUIzB and also I saw that you use some CSS code to increase the width of this image…I do not recommend this
because using this method you have zoomed in the natural image and the quality of this disappear and this is the reason for blurry image for footer section. Please try upload a bigger dimension for your logo from your Theme panel and check again how it works for you. -> http://screencast.com/t/WkLaVBEiAY6
For more information about logo&favicon, please consult our documentation here -> https://forum.tagdiv.com/logo-favicon/
Hope tyhis helps and let us know how it goes!
Thank you for the message!
Hello Urme,
I have checked you website and saw the problem with your TagDiv Gallery. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
width: 696px!important;
}
The result you should see here -> http://screencast.com/t/SiV9PKSndeIJ
Thank you for the message!
Hello newtag,
If you want to have only the FB Like button without Tweet button, please try to use the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-classic-twitter{
display:none!important;
}
Hope this helps!
Thank you for the message!
My website is: http://www.inspiremyink.com
1.
On the mobile site, in “portrait/Vertical” mode (only) my logo is being cut off
how can I fix that?
2.
Also, My footer logo is blurry…
I have uploaded a logo in the footer for both size
500 x 234px
1000 x 468px
I don’t know how to fix it.
At the moment I have in custom code > custom CSS
.td-logo { width: 500px; }
.footer-logo-wrap img { width: 500px; }
