- 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
I’ve checked your site and the problem appear on Chrome too. Also I noticed that the html structure for your menu is different then the one from the theme. Try deactivate all plugins except Visual Composer, clear all caches and test again. Also you can try this css in theme panel > custom css: http://screencast.com/t/x5SM3UGB
#mega_main_menu.direction-horizontal > .menu_holder.sticky_container > .menu_inner{
width: auto!important;
}
Thanks!
Hi,
Please also check your custom css, if it is added properly even a unclosed bracket could cause issues and also like I said above check the smartlist structure.
If want you to we take a closer look you can send an email at contact@tagdiv.com and provide wp-admin access, also paste a link to this topic so ww can know who you are and what your issue is.
Thanks!
Hi
The theme is optimized such that works well on mobile devices but if you want a different implementation you can use media queries in order to hide some content according with screen’s width. Here is an example:
@media (max-width: 767px) { //screen width; //
.element-to-hide { //the css class of the element that you want to hide/change, in some cases may be needed more classes for a more specific target //
display: none; //css properties; //
}
}
Fore more details about css coding you can check this link, it contains some useful information: http://www.w3schools.com/css/default.asp
Hope this help.
Thanks!
First question is solved. Thank you
But second still exist, I haven’t used custom CSS for menu color. Even if I delete all custom css box and save it, the issue still exists.
How to fix it?
Hi,
My website https://nopua.com
I’m using “Style 5 – Full dark menu with logo” and modified THEME COLORS > Main menu to make it white. I want to make Style 5 the white version because you don’t have “Full white menu with logo” style. The problem is the hover / active (blue highlight) now is not “bottom-border” style like Default or other “white” styles.
Is there an easy CSS tweaks to make hover / active highlight only “bottom-border” instead of the whole anchor area?
Thanks!
Dao
Hi
1. Try this custom css i theme panel > custom css: http://screencast.com/t/sI4dZ4mylrz
.category .td-subcategory-header a.td-current-sub-category,
.category .td-subcategory-header .td-category a:hover {
background-color: transparent !important;
position: relative;
border-radius: 0;
}
.category .td-subcategory-header .entry-category a.td-current-sub-category:before,
.category .td-subcategory-header .entry-category a:hover:before {
content: '';
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
}
2. To add the published time you need to edit the file corresponding with the post template used and add this line of code like here: http://screencast.com/t/qLlMiEp0rkp – http://screencast.com/t/NyGF96PyB
<?php echo get_the_time('g:i a'); ?>
To move the Via Name and Via url on top follow this link: http://screencast.com/t/F2JZR7VU1A Also you need to add this css in theme panel > custom css: http://screencast.com/t/YGgeR18Imem5
.td-post-source-via{
display: inline-block;
margin-left: 10px;
}
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello,
You can hide them on specific posts using custom css code or you can also use a plugin like Advanced Custom Fields and use this method to do it: https://forum.tagdiv.com/topic/function-to-hide-ads-and-function-to-show-author/
Thanks.
Hi,
I understand now. You can target them with CSS: just add this code in the theme panel->Custom CSS
.td-post-category{
background-color:red;
}
You can change the color in the code to your preferred one.
Thank you!
Hello,
The page that you tried to change uses visual composer elements (a text block more precise). These titles will not be changed from the theme page fonts. You can change the modules and blocks font as well but the text box is a visual composer element and it’s title is not controlled by the theme. You can target it with css if you want to change it:
this will override all your headings to the font you want:
h1, h2, h3, h4, h5, h6{
font-family: Helvetica Neue!important;
}
Or if you want to target just the text block:
.wpb_text_column h1{
font-family: Helvetica Neue!important;
}
Thank you!
Hello,
Different freelancers have different prices. It is hard to say how much they will charge you. It will not be a very difficult job for someone who knows CSS well enough.
Modifications will not be a problem with the theme as long as they are just design choices and they do not interfere with functionality. And like i showed you above, most of the work can be done from the theme panel.
Thank you!
Hi,
You can change the read more button background and the Sidebar’s title via custom css in Theme Panel > Custom Css: http://screencast.com/t/zw2EWIX7
.td-read-more a {
background-color: red !important;
}
.wpb_widgetised_column_heading {
background-color: blue;
}
Thanks!
Hello.
1. i want to change font size and look of submenu title to look like this:
http://prntscr.com/8sw3ba
Can i change font size in theme option for this section or must change in style.css
2. On single post i need after date, to show published time (hours and minute) and i want SOURCE and VIA to insert under Post title, to look like this:
http://prntscr.com/8swa1c
I will use <VIA> to show source of the photo
Hi
The theme doesn’t have an option to add text on columns but you can use Visual Composer to achieve that. First you need to enable it for posts: http://screencast.com/t/Jh1zE0tL then use a text block on a layout with the desired number of columns: http://screencast.com/t/JrJ1zZK4J – http://screencast.com/t/gibZlJhNmDFV If you’re using within a post you will need some css customization, so add a custom css class in raw settings: http://screencast.com/t/kF1TDaqeTNH9 then the css code in theme panel custom css like here:
.text-colons.td-pb-row [class*="td-pb-span"]{
border-left: 0;
}
The result should be like here: http://screencast.com/t/CjZRWuWgZiFH
Let me know how it goes.
Thanks!
Hello Ben,
Please provide more details to the padding you want to reduce, because this is different for all header styles. Please specify the header style used and maybe a link to your website so we can create the CSS code for your site directly. Both of your requests are possible with custom CSS.
For the second request try this CSS in the theme panel:
.td-main-content-wrap, .type-post{
background-color: rgba(70,86,175,0.55)!important;
}
result: http://screencast.com/t/6hPWS6lOb
Thank you!
Hi
The links you provided are not working: http://screencast.com/t/tbXS2L2E6mB – http://screencast.com/t/fIYIAm8xSSo
For banner ads please check our documentation: https://forum.tagdiv.com/newsmag-header-ads/ Note that for banner ads the options regarding ad’s size from theme panel does not apply so you will need to set your image size from css or using a image editor like photoshop.
Let me know how it goes and if you still need assistance on this please provide more details, also some screens pointing the issue and the code used to generate the ad would help.
Thanks!
Hi
Thanks for reporting this, I’ve added it on our issue tracker and we will fix it as soon as possible. Meanwhile you can use this custom css in theme panel > custom css:
.td-header-style-6 .td-top-menu-full{
height: auto!important;
}
Sorry for inconvenience.
Thanks!
Hello,
There is no option in the theme panel for that. The letter spacing maybe comes from the font you use for these titles. You can reset the letter spacing with CSS for each title or for all titles at once. It seamns all your h4 titles have this option.
Try this custom CSS for all the titles:
.td_block_wrap h4 {
letter-spacing:0px!important;
}
Or if you want to target a specific block, you have to get the class of the block with your browser inspector:
http://screencast.com/t/6rr8yJTYDSCd
Thank you!
Hi alin
Something went wrong when i test it earlier and it works now and stop loading Google Fonts when i check the page source and test via pingdom as well http://tools.pingdom.com/fpt/#!/p4c7D/http://oct.wpdiv.com
1. if declare Custom CSS fonts and change the CSS selectors with appropriate fonts, Will i able to control it via Newspaper theme options panel?
2. Based on Chris speed optimization tips here https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ here i am looking to stop loading Visual composer CSS files in single post pages with this hook.
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
But still visual composer CSS http://oct.wpdiv.com/wp-content/plugins/js_composer/assets/css/js_composer.css loading in the page source. What is the problem in the above code?
Hi,
The above code stop the google fonts to be loaded, you can check this in your page source – http://screencast.com/t/6ZeABLBw It doesn’t remove the default theme css if this is what you mean.
Thanks!
Update!
I somehow fix this problem myself.
It turns out that my settings in WP Total Cache plugin that caused this problem.
If you’re using WP Total Cache and having this kind of problem. Kindly follow this steps:
Option #1
1. Go to your general settings in WP Total Cache
2. Set Minify setting to Manual
3. Then go to the Minify tab (on the left panel)
4. Disable CSS minify (Make sure the box for “Enable” in unticked)
———–
Option #2
1. Go to your general settings in WP Total Cache
2. Disable Minify
———–
Option #3
Deactivete WP Total Cache and just install/use WP Super Cache as recommended by tagdiv
Do any of the 3 options above can solve all the problems I stated above.
I use WP Total Cache for a few years now, and I’m kinda accustom to the plugin, that’s why I’m not planning to change it to WP Super Cache.
Hope this helps.
CASE SOLVED.
Hi,
If you use many menu items or long words, it will break on 2 rows. Lucian provided above a css for the old version and you can do the same, something like this – http://screencast.com/t/EfUqYzmOk But for smaller screens it is still on 2 rows – http://screencast.com/t/4x3pT95j
@media(min-width: 768px) and (max-width:1018px){
.sf-menu>li>a {
padding: 0 5px;!important;
font-size: 12px;
}
.sf-menu .td-icon-menu-down {
padding-left: 2px;
}
.sf-menu a.sf-with-ul {
padding-right: 8px !important;
}
.sf-menu li .fa-home {
margin-right: 0;
}
}
@media(min-width: 1019px) and (max-width: 1140px) {
.sf-menu>li>a {
padding: 0 8px;!important;
}
.sf-menu .td-icon-menu-down {
padding-left: 3px;
}
}
Thanks!
Your site made more than 140 request per load 🙁 You need to compress and minify css, js, html. Wp rocket made all the work better than “better wordpress minify plugin”.
Install, Activate and customize tagdiv speed booster
Optimize images and save all your images in progresive mode (Kraken io and shortpixel are two of my favorites image oprimization plugins)
Optimize your database, set more than 128mb to wp memory limit, optimize your wp-config file to make less calls to database.
🙂 regards
Hi,
Did you managed to solve this? Every ad has a margin-bottom and you can decrease it using custom css.
Please provide a link so I can inspect this and provide an accurate solution.
Thanks!
Hi,
The template used for single product page in the theme is single-product.php – http://screencast.com/t/rv4oshkHjVs so you can change it if you want.
If you want to create another template you will have to check the plugin documentation – https://docs.woothemes.com/document/template-structure/ as you need custom modifications. If you don’t have php/html/css experience I suggest to get someone to help you with this.
Thanks!
Hi,
I do not use on your website Google Fonts.
How to remove the download Google Fonts?
How to remove these lines:
<link rel='stylesheet' id='google_font_roboto-css' href='http://fonts.googleapis.com/css?family=...
<link rel='stylesheet' id='google-fonts-style-css' href='http://fonts.googleapis.com/css?family=...