- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
Please provide your site url so I can inspect this, as I also tested this and it works. Also if you don’t have site background image/color set, you can add a full background to the header using this custom css – http://screencast.com/t/NCuac8xM7vg
.td-banner-wrap-full{
background-image: url('http://www.florian-radu.ro/images/headers/Header-graphic03.gif');
background-repeat: no-repeat;
background-size: cover;
}
Thanks!
I am trying to get rid of the margin here: http://i.imgur.com/chKbhwA.png?1
I have deleted it from the header style 1 (which got rid of the top and side margins) and ive deleted it from the td_css_generator.php file but its still giving me a bottom margin on 28. How do I delete it
Hi,
1. If you use page content to add your text it should be applied font options from page content – http://screencast.com/t/0OWl3si3j – http://screencast.com/t/4LTTwz0g2 – http://screencast.com/t/y4OX6WGMd
If you use a text block unfortunately you will need to change the font size via custom css or inline css, please check this topic – https://forum.tagdiv.com/topic/page-fonts-titles-have-no-effect/#post-55591
2. Please try this custom css – http://screencast.com/t/tpxmPgdy9KM
.mfp-figure:before {
display: none;
}
3. If you want to change the color for all content links you will have to use that custom css as there is no option in Theme Panel to change it color, but you can also change the color of the links manually when you write an article – http://screencast.com/t/EO4HkxGePDlU – http://screencast.com/t/leTiFhujGN
Hope this helps!
Hi,
Sorry for delay we don’t work on weekends!
1. Do you use version 4 of the theme? If you do please try this custom css in Theme Panel > Custom Css to hide category tag on homepage slider:
.home .td_normal_slide .slide-meta {
display: none;
}
2. Not sure what you mean, please provide more details and also your site url.
Thanks!
Hi,
Unfortunately when is used a background the site is change automatically to boxed version and you will need custom work to have full menus and footer as there is a fixed width on outer-wrap container – http://screencast.com/t/vgVaWQfuuvT which includes beside the content also header and footer. So it is not an easy task to make them full as you will need to change also the width for content, sorry!
You can try this custom css using media queries, but you may need additional customizations:
@media (min-width: 1180px) {
.td-boxed-layout #td-outer-wrap{
width: 100% !important;
}
.td-main-content-wrap {
width: 1164px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
left: 0;
right: 0;
}
}
Hope this helps!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
You can try this custom css to reduce the space between menu items – http://screencast.com/t/Iu1PfGkpP
.sf-menu a.sf-with-ul {
padding-right: 20px;
}
.sf-menu > li > a {
padding-left: 0px !important
}
.sf-menu .td-icon-menu-down {
padding-left: 3px;
}
2. You can change stars rating color via custom css: http://screencast.com/t/IbOfszQ66L
.td-review-stars {
color: red;
}
.td-review-final-star {
color: green;
}
Also for modules – http://screencast.com/t/mTxHy6Yv
.entry-review-stars {
color: red;
}
3. Please try this css code to customize newsletter title – http://screencast.com/t/le4jjszp
#sola_nl_title h3 {
background-color: #4db2ec;
display: inline-block;
padding: 7px 12px 4px 12px;
color: #fff;
font-size: 18px;
line-height: 17px;
}
#sola_nl_title {
border-bottom: 2px solid;
border-color: #4db2ec;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/sOukKlzyQx8
@media (max-width: 767px) {
.td-header-style-9 .td-main-menu-logo {
display: block !important;
}
.td-header-style-9 .td-logo-wrap-full {
display: none !important;
}
}
Thanks!
Found a third one that really should be adressed, changing the default link color without the need for Custom CSS and trying to target every type of page individually.
Right now I have to do this:
/* Make the links blue */
.td-post-content a {
color:#4db2ec;
}
I realise the link color changes with the theme accent-color, but this is hardly always what one wants.
Otherwise like the new version so far 🙂
Hi,
I have also checked this with the latest theme version 6.1 and did not found any issues – http://screencast.com/t/CVwB8rpxL – http://screencast.com/t/4bR6YjjUT Please make sure that update to the latest theme version using this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ make a backupd of your current installation and do a clean update. Note that if you have custom modification to the files and custom css you will have to re-add as this should be regarded as new theme. Or if you develop your site now is better to update and add your customizations to the new version.
Thanks!
Hi,
1. Please try this custom css – http://screencast.com/t/efIGxQIqT
.comments #author, .comments #email, .comments #url {
display: none;
}
2. You need to make this change in the code as the related articles code you can find it in the loop single file – http://screencast.com/t/UONppi1E and the loop file is called in the single template above the comments(3 cases – sidebar default, left and without sidebar) – http://screencast.com/t/LcFGBTCrf So you need to find a solution for this
* move related articles from loop file bellow the comments for each case – http://screencast.com/t/Iwt27i8O
* move comments to the loop single file – http://screencast.com/t/VQoOAcgi71es – http://screencast.com/t/rwmluRVk
You have to do this for each post template/style that you use.
3. Please check this without any plugins active except of Visual Composer, clear cache and see if twitter count works.
Thanks!
Hi,
You need to edit here for the js: http://screencast.com/t/AtcEqjuaide
I don’t know about google font how to be removed, but you can try to search on google about that:
https://wordpress.org/support/topic/still-getting-eliminate-render-blocking-js-and-css
https://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/
Hi,
An east way is to hide it via CSS, add this in Theme Panel -> Custom CSS
.home .td-post-author-name span {
display:none;
}
.home .td-post-date {
display:none;
}
Thanks for the message!
Hi,
Unfortunately the post view is not available anymore on modules you will need custom work to views appear there. Please check this topic(answer 4) – https://forum.tagdiv.com/topic/many-issues-with-new-v6-update/ and do this for each module. Also you can hide comment counter from modules using custom css in Theme Panel > Custom Css – http://screencast.com/t/O4gh5ShNh or comment this line for each module – http://screencast.com/t/mWzxKkMqUu
.td_module_wrap .td-module-comments {
display: none;
}
Thanks!
Hi,
Firstly please deactivate/turn off the minify/compression for a better debugging. You have some js errors in console, see here: http://screencast.com/t/LevmjCWG6Lv
You need to inspect it to see where your css is loaded. Reply back when you turn them off.
Thanks for the message!
Hi,
Theme doens’t have an option to change icons color, but you can use custom css to change it – http://screencast.com/t/R4vRO8nq
.footer-social-wrap .td-icon-font {
color: red;
}
Thanks!
Just Updated to 6.1 from 4 and after a few hours of rebuilding everything is sort of coming together. I however have two questions.
1. When changing the fonts everything seems to be working fine (on posts etc.) except for when I try to change it on the pages. Doesn´t matter what I chose, nothing changes. I have solved it with css by targeting the actual page-id and applying the p-tag (.page-id-81 p {font-size: 13px; !important;}. This is however an absolutely ridiculous way to solve it. This must be a bug.
2. Since most of my pictures don´t have captions i have removed the captions and text that says (1 of 12 etc) by using .mfp-bottom-bar {display: none; visibility: hidden;} in Custom CSS. I would also like to remove tha black overlay that appears on every modal/lightbox picture. How would I target that to get rid of it?
Thanks
Christoffer
> you have to remove the background image/color or use another implementation to make the top menu full
Can you please explain why bg image/color removal is mandatory for full width bars ?
Can you also suggest a css workaround ? This has worked in the old version. I need a full-width top-bar on the website and removing background is not an option.
Looking forward for a consistent answer.
Many thanks folks.
I tried to create fake full-width top menus and footer-subfooter using css to add color to the external wrapper divs but this is no longer working in the new theme (6.x). How can we still achieve it without removing the site background color or image ?
Thanks !
You have to fully clear/reset your CDN whenever you change themes. Otherwise you’re loading old and new CSS and JS mixed together. Ask your CDN provider for help or see the manual/docs on how to use the CDN service you have for how to clear/reset/refresh content.
I have made an update on my website Estambul.net
I have deleted old files, i have uploaded new files. ı have used the upgrade methode.
I have updated also social media counter and visual composer.
You can check that there is a problem on css file. how i can fix.
Thanks in advance.
Changing themes does not delete your posts; think of a demo “style” as a child theme for the main theme. Just don’t install demo CONTENT; only install demo STYLES. Two different things. Demo “styles” are CSS. Demo content is temp content for webdev work.
You will need to regen your thumbnails after upgrade, just like any theme change.
And of course you should be making both a dbase backup on server of your content periodically; and doing an export of your CONTENT periodically, anyway.
🙂
You should export your current settings, probably.
Changing the CSS will change the look and settings, that’s the purpose of using the styles/demos; they change the settings. To go back you would need to reset things. See the theme docs for more info.
It doesn’t wipe everything … e.g., WP settings.
But if you currently have font x at size x set for your post pages; changing to a demo changes the settings — that’s what you’re telling it to do, change all your “design” choices. Basic settings don’t change.
-
This reply was modified 11 years by
simchris.
If you updated from WP4 to WP6 you need to reset your home page by
a) importing old settings per the upgrade docs
b) some modules changed – it’s a NEW theme – so you need to change them.
c) remember to clear/reset all your cache/CDN/cloudflare whatever to be sure you’re loading the new CSS/JS properly.
e) check your console (F12) for errors in Chrome or IE to see problems from plugin conflicts or other.
-
This reply was modified 11 years by
simchris.
How do I remove author section from the post please check this image
I know that i can do ti with css, but i think is more easy which line to enter and this to get disappear.
Thanks
You can try hacking the templates if you’re adept at CSS and HTML; if not you would likely need to hire a developer to modify the theme.
TagDiv also may be willing to give you some “tips” on doing that come Monday; but often it’s harder than it looks due to editing templates, CSS for viewports, etc.