- 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
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css, the same regarding fonts.
What you can do is to change the color and the fonts directly into the css style-sheet which will make your colors and your fonts to load first and stay that way. You could also deactivate the plugin if you don’t need it.
For page speed you can also use our guide and some other forum treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks!
Hi,
You have to paste css code in Theme Panel > Custom Css: http://screencast.com/t/0qsdBCKq4O
I refer to this code:
.td-header-menu-wrap .td-social-wrap{
float: right;
}
.top-header-menu.td_ul_login{
float: right;
}
.top-header-menu.td_ul_logout{
float: right;
}
In the menu-top.php you have to change those span numbers to increase space for Top right (socials).
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
I’d like to use a POST TEMPLATE 7 (without featured image) with Big Style post header from PT 2 or 3.
Iam using PT 7 without sidebar for full width gallery page, but I really need BIG style post header from PT 2 or 3.
I thought about styling it like the Big one(2,3) but PT 7 is connected with the default post template and they share their post header css.
iam pretty good with code customization so if you guys could point me to the right place where and what I need to edit that would be great couse I cant figure this one out on my own.
Copy the PT 3 header to PT 7 ? or
add a separate css class for PT 7 header and style it ?
ps.
That would also be nice for a feature – when selecting NO SIDEBAR (FW 100%) in post settings, Post Header automaticly changes up for the big one.
Thank You
Regards
L
Hi,
That settings only apply to a header added to the page content, like this: http://screencast.com/t/M8MfCjItvb3I
For articles title you need to change the big/small (on blocks) post title:
ex:
* http://screencast.com/t/8jWn2uSRd
* http://screencast.com/t/QjYvSpAh
Not sure how you’ve managed to do it like you’ve described as I’ve also tested this and the settings aren’t applying just to header tags added within the page content.
The title style can be set from widgets area: http://screencast.com/t/6TzPiMEXPl2 ..or when adding the widget via page builder suing VC: http://screencast.com/t/d1UpuegOcMB0
For those widgets that don’t have this option you can use custom css to give the tiles a similar design.
Thanks
Hi,
That is because you’re using the newsmag theme not newspaper. For newsmag there is no option to change the footer text color just the background color.
We have this on our todo list for the next update, until then you can use custom css to change it, like this: http://screencast.com/t/C7OXJJTm
Use the css below and just change the color into the one you want, add it in theme panel > custom css section:
.td-footer-container, .td-footer-container .block-title > a, .td-footer-container .block-title > span, .td-footer-container .entry-title > a, .td-footer-container .entry-title > span, .td-footer-container a, .td-footer-container .meta-info .entry-date {
color: red;
}
Let me know how it works and please make a new tread regarding this in the newsmage theme forum section: https://forum.tagdiv.com/forum/newsmag/
Thanks
Hi,
I’m not sure how you want to work this feature. I believed that you want it active only for mobile screens that’s why I provided to you css from above.
This feature when is enabled Smart Snap(mobile) works like Marius said:
*on mobile when you scroll down the menu is hiding
*on desktop the menu is always sticky.
I have checked you site and it works exactly like this.
Thanks!
Hi,
Use your browser’s inspector to check thew css for the code tag from this page for eg: http://screencast.com/t/I5PeToD7Op ..copy it and adjust it as you like.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
You can use the VC like button element: http://screencast.com/t/W3mp2UTxao
We have disabled some of Visual Composer’s elements and the FB Like button is one of the disabled elements. You can enable it back by editing your functions.php file and comments this line: http://screencast.com/t/9tj0BczF
After you enabled it use the VC page builder to customize the button, then get it’s short-code: http://screencast.com/t/O9jnPcBWk …and add it to the menu using the menu builder, like this: http://screencast.com/t/ndBoPkXX
Result: http://screencast.com/t/Bq2wEy7r85C
Use css to style it if you don’t like it appearance. This is the reason some of the VC element weren’t enabled on VC.
Thanks
Hi,
I’m not sure why you use a video in the gallery template, but you can try this custom css to hide that arrow: http://screencast.com/t/rMfbtrOkesrM
.single-format-gallery .category-video .geri_y a{
display: none;
}
Hope this helps!
On slow devices, I’ve been able to spot OLD styling of the previous colors of the theme and also fonts before my initial css takes over.
Is there a way to avoid this flicker action as the site loads?
kicksonfire.com
Hi,
Yes, that’s the problem like you figured out – http://screencast.com/t/7NAHtsY2t2 if you have titles on 2 rows it looks fine – http://screencast.com/t/t5fwh006f1t
Unfortunately even if you reduce the excerpt will not solve this issue.
This issue can be solved only with custom css(add it in Theme Panel > Custom Css) to add a minim height on the title: http://screencast.com/t/hEfV7Z5tEy3v
.category .td_module_5 .td-module-title {
min-height: 80px !important;
}
Hope this helps!
Hi,
Please try this custom css background color: http://screencast.com/t/LmsCdUEsNZMn
.td_smart_list_3 .td-icon-left, .td_smart_list_3 .td-icon-right{
background-color: #D3249C;
}
Thanks!
Hi,
If you still need your logo image on left side please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/pJ7BAgrX5w
.td-header-style-7 .td-header-sp-logo img{
margin: initial;
}
Thanks!
Hi,
Header style 10 was designed to be used for blog stacks with text logo like you can see on our demo – http://demo.tagdiv.com/newsmag_classic_blog/ that’s why you have this issue with margins. If you want to use it like this(with image logo) please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/x14F2dEywwW
.td-header-style-10 .td-header-text-logo {
margin: 30px auto 30px;
}
Thanks!
Alin, thanks for the fast reply.
It’s weird that when I put this on Custom CSS it doesn’t work. It seems that nothing I put there works actually. I’m sure its my mistake somewhere, maybe something that I changed messed up with this feature.
Anyway I was able to change directly on style.css and its working now. Really appreciate your help!
My master theme is Newspaper, here:
http://seattleglobalist.com/wp-content/themes/Newspaper/style.css
But now I see! Maybe it’s because of the Version 444 typo that the child theme is not working?
Here i noticed that you have renamed your master theme as ‘edge14ref’
So your child theme css should contains below code to activate child theme.
/*
Theme Name: Newspaper Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: edge14ref
Version: 1
*/
@import url(“../edge14ref/style.css”);
/* —————————————————————————-
Your custom style…. here 🙂
*/
Other if you wanna work with your existing code what you have current in your child theme, rename your master theme folder into ‘Newspaper’
Good luck..
I did update the child theme, but still couldn’t get it to work! Even when I included nothing in the directory except for the below style.css file, no content would show on my page.
I’m curious whether anyone else has experienced this?
Chris, I appreciate hearing that it just might not be worth it to use a child theme at this stage in the theme’s development…maybe I will just let myself off the hook for now and try to implement it during a later version!
/*
Theme Name: Newspaper Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 1
*/
@import url(“../Newspaper/style.css”);
/* —————————————————————————-
Your custom style…. here 🙂
*/
Hi,
One last thing. Is there any CustomCSS to make the text inside code tag look like this? http://i.imgur.com/HvgFOwf.png
Hi EmilG,
Here’s my website : http://www.guide-du-chien.com
But finally it is not a problem, it looks great on center. I tried with css “float left”, but you can see the logo mooving from center to left when the page is loading.
Thank you
-
This reply was modified 11 years by
Guideduchien.
Hi,
I suggest you use an existing social network that you don’t use from the social counter plugin and alter the code as you need it (change url, icon, style as you need them).
If you don’t have any php/html/css coding skills and don’t know how t do it I suggest you get a freelancer to help you with this as we cannot provide custom work at this time. Sorry!
Thanks
Hi,
We’ll add a separate control for views and 7days counter, until then you could hide the views using custom css or comment the lines inside loop-single or single template files – http://screencast.com/t/4EnzhvdfEms
If it still doesn’t work please send an email at contact@tagdiv.com , paste a link to this conversation and provide wp-admin access so i can take a look.
Thank you, Emil G.
Hi,
The mobile menu should open there, some custom css or plugin may affect that section. Please try to disable all plugins and check if the issue is still there. Also check if the fonts are present, they may be set to white and they don’t appear because the background is also white. If nothing works please provide the url so i can take a look.
Thank you, Emil G.
Hi,
You can doit if you remove the sidebar.
The alternative would be to modify the content width but it’s not an easy task, try this css: – http://screencast.com/t/HAUtuNB2vd
@media (min-width: 1024px){
.single .td-container, .single .td-header-container {
width: 1111px;
}
.single .td-pb-span8 {
width: 770px;
}}
If you want to adjust the other elements i suggest that you hire a professional developer to doit for you.
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi,
Try to use a different page template, one which comes without page title. The alternative would be to edit the template and add the css inline – http://screencast.com/t/RP4EqpfkSiCH
style="display: none;"
Thank you, Emil G.