- 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,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/8hekGlMSfM8J
.blog-stack .sf-menu ul .menu-item a{
color: red;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
1. Please make sure that you also enable greek support from here: http://screencast.com/t/YQNZEjsjZO then empty caches/purge files if you sue cdn host and try again.
Please let me know if you refer to this photo as I haven’t noticed anything wrong with it: http://screencast.com/t/wPVEqied
2. If your refer to the space under the image, you can sue this css to remove it or reduce it: http://screencast.com/t/N1sKfjWzqEZ
.td-grid-wrap {
padding: 10px 13px 0px 13px !important;
}
If this is not what you’ve meant please let me know and provide more details.
3. You can use the 3rd header style: http://screencast.com/t/mI8UiD6PBA ..and have it like this: http://screencast.com/t/DerGQXpn0
4. We have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style.
You can try the solution from in this topic: https://forum.tagdiv.com/topic/buttons/#post-21804 and import the VC css: https://forum.tagdiv.com/topic/buttons/#post-21825
We plan to restyle all VC elements in theme version 5. Sorry about this and for the inconvenience.
Thanks
Hi,
for “website flicks until css is loaded”, I mean website load faster but for a little fraction of time it appear without css and then it’s rendered properly.
Can I split main css theme in 2 parts,
putting a small one in the header with most important formatting rules and the bigger one in the bottom of the page?
Work in progress site here: http://www.wemedia.it
Hi,
You added something in that area – http://screencast.com/t/2QZlHjfoq5A
The red line is actually the top menu, you could add a 5px margin-top using css.
Hiding elements using css doesn’t mean they can’t be seen, on slow computers/connections the css may be executed too slow and the user may see the menu, or some strange behavior for a few seconds before it’s hidden/adjusted.
A better alternative would be to use a plugin or something which will modify the menu for registered users.
Thank you, Emil G.
Hi,
Unfortunately theme doesn’t have an option to change social buttons like that. If you want to remove the text from post social share please delete it from this file: http://screencast.com/t/Ta4bMb8YiD and use this css code to make in Theme Panel > Custom Css: http://screencast.com/t/ekSn2bDeBz
Note that this css is only for bottom buttons!
.td-post-sharing-bottom .td-social-sharing-buttons{
height: 50px;
}
.td-post-sharing-bottom .td-sp-facebook {
width: 100px;
background-position: 20px -15px !important;
}
.td-post-sharing-bottom .td-sp-twitter{
width: 100px;
background-position: 20px -430px !important;
}
.td-post-sharing-bottom .td-sp-googleplus{
width: 52px;
background-position: -10px -272px;
}
.td-post-sharing-bottom .td-sp-pinterest{
width: 52px;
background-position: -10px -65px;
}
Also I think that a plugin for social share will help, so social buttons to look like you need.
Hope this helps!
Hi,
1-2-4-5 Unfortunately there is no option to do this, smartlist overwrite image settings and for the moment is not possible. We plan to add a new format for the smart lists in a future update and to have more control to the smartlist, but I cannot say when itâs going to be implemented, we have a lot of features on the list and we have to take them in the order of priority.
3. Smartlist 2 and 4 were designed to use font size 12px, so you will need to use custom css for them. Sorry for inconveniece!
For Smartlist 2 use this css: http://screencast.com/t/wjC1qAmOnC
.td_smart_list_2 .td-sml2-description p{
font-size: 16px;
}
For Smartlist 4 use this css: http://screencast.com/t/GVIs51hNybV
.td_smart_list_4 .td-sml4-description p{
font-size: 16px;
}
Smartlists 1 and 3 use post content size: http://screencast.com/t/3RYfrX4e – http://screencast.com/t/e1RM35nrxd
Thanks!
Hi,
Unfortunately our theme was not designed to work with custom posts. You will need to create a template for this and call the sidebar in single.php: http://screencast.com/t/0TUFt1GW
See here how to call the sidebar: http://codex.wordpress.org/Function_Reference/get_sidebar
You will need custom modification for this, so if you don have basic php/css experience I suggest to get someone to help you, as we cannot provide custom work at this time as we work on updates/development and support.
Thanks!
Hi,
I have checked your site…please try this without any css code in Theme Panel > Custom Css. Normally this should not happen. Also try this without any plugins active, leave only Visual Composer active and clear cache. Let me know how it goes!
Thanks!
Hi,
You don’t need to do it again. It should be 4.6.2 version, there was a mistake with theme version in css file. We are sorry for inconvenience!
Thanks for understanding!
Hi,
You can use Sean’s css solution in Theme Panel > Custom Css: http://screencast.com/t/DbcXlkCOkbao or if you want to remove from the code you can find sharing buttons here: http://screencast.com/t/toljVqQO
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/akLj3PjQ
.td-footer-container .td_block_popular_categories ul a{
color: #222222;
}
.td-footer-container .td_block_wrap .td_block_inner .entry-title.td-module-title a{
color: #222222;
}
.footer-social-wrap i {
color: black;
}
.td-footer-container .td-icon-mail-1:hover{
background-color: red !important;
}
Thanks!
Hi,
Google PageSpeed suggests to move css at the bottom of the page avoiding the page render blocking.
I’ve successfully used your page booster plugin for all js and css, but âŠcontent/themes/Newsmag/style.css?ver=1.6
If I add huge 400kb theme style.css to page booster plugin, website flicks until it is loaded at the bottom of the page. If I hold css theme in header, Google mark it as a red problem. How i can fix it?
Thanks
Hi,
If you haven’t made any modifications to theme files then you can use the FTP method from the video to updated your theme as the css from the custom css filed or theme settings will not be affected and it will style apply.
If you update the theme from one version to another them you can also use the patch provide within theme files, the patch contains just the modified files and can be used only if you update the theme from one version to another.
In your case you can use the patch as only update to version 4.6.2 contains modified files.
For each case I suggest you do a backup of your current theme installation as in case something goes wrong you can revert back to it.
Thanks
Hi,
Thanks @Sean!
Please try the css code in Theme Panel > Custom Css: http://screencast.com/t/BFWR0XVZ
If you want to make this change only for that specific block please use this css to apply only on block 14-module mx1: http://screencast.com/t/Wjqmvyrwdjw
.td_block_14 .td_module_mx1 .td-module-thumb a:last-child::before{
background: transparent !important;
}
.td_block_14 .entry-title a, .td_block_14 .td-editor-date {
background-color: rgba(0, 0, 255, 0.28)!important;
color:white!important;
}
Hope this helps!
Hi,
Unfortunately there is no panel option for that you can do it via css like this: http://screencast.com/t/CudtBRLTb
footer .td-tags a {
font-size: 20px;
}
Thanks
Hi,
You can use custom css to change it as the theme doesn’t have an option for it: http://screencast.com/t/aOZq7ztY
Adjust the values as you like.
.single_template_4 .meta-info .entry-category, .single_template_4 .meta-info , .single_template_4 .meta-info .entry-comments-views{
font-size: 18px;
}
.single_template_4 .meta-info ul.td-category a {
line-height: 18px;
display: inline-block;
padding: 5px 10px 5px 10px;
margin-bottom: 7px;
}
.single_template_4 header .meta-info {
line-height: 27px;
}
This will only apply to single template 4 style, to get the same style to the other post templates remove the .single_template_4 class.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/ObwuJQQv
.td_mega_menu_sub_cats{
float: right !important;
}
.block-mega-child-cats{
text-align: left !important;
}
Hope this helps!
Hi,
Unfortunately the speed booster plugin dose cause issues like this, this happens because the speed booster plugin moves the theme’s style to the footer and due to that your site looks unstyled until the style css is loaded.
We are working to find a solution and a better implementation for this.
Sorry for the inconvenience!
Thanks for the message!
Hi,
Please try this css code for footnotes in Theme Panel > Custom Css: http://screencast.com/t/1anNf5K6
.footnotes {
margin-left: 1.5em !important;
}
Hope this helps!
Hi,
Please try this custom css for mobile screen in Theme Panel > Custom Css: http://screencast.com/t/lq6wTHwdIR
@media (max-width: 767px){
.td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title {
font-size: 17px;
}
}
Use !important if this is not apply: font-size: 17px !important;
Thanks!
Scratch that! Apparently they don’t make use of that thumbnail.
I’ve tried this out on your site which seems to work. Add this to your Theme Panel > Custom CSS
.post_td_gallery .td-button{
background-size: 100% 100%!important;
}
I found the answer to my problem !
I just put :
html {
zoom: 0.7;
}
in my responsif CSS code and my website size is now exactly perfect
Thank’s Chris for your help. Problem done đ
Don’t worry its my english… so bad to explain a simple problem hahaha…
By default my website size is configured like that :
http://www.web-reggaeton.com/wp-content/uploads/2015/03/Capture-dâĂ©cran-2015-03-08-Ă -19.15.07.png
Everybody who come’s to see a news or my homepage see that.
BUT
I changed myself on my own navigator (Chrome, safari or mozilla) the resolution using “ZOOM” at 75% instead of 100% as before by default for every one who came visit my blog.
Using 75% zoom :
http://www.web-reggaeton.com/wp-content/uploads/2015/03/Capture-dâĂ©cran-2015-03-08-Ă -19.14.47.png
Do you think its possible to defined by default for everybody in my css a 75% zoom ?
You might need to hire a developer to help you.
This theme is setup for responsive layout, just like the demo on themeforest which is there to help you try out the layouts first.
So, with a responsive theme, it will try to fit the wide screen, then medium screen, then will drop to another viewport for tablets portrait, then phones.
You could try to edit the style.css file or do “over rides” in the theme panel, but if you don’t have a clue on that, you’d either need to spend the time to learn how CSS works to hack the theme default, or hire a developer.
While the tagdiv folk might give you some pointers on this, they cannot write custom CSS to change the basic theme functions for you as so much is inter-related (e.g., change the width the ads or images or videos might not fit properly… etc.).
Sorry not a better answer, but perhaps I didn’t fully understand what you were trying to do? Perhaps a screen shot would be helpful đ
Hi everyone,
my problem concern only computer devices, my website http://www.Web-reggaeton.com is loaded with a bad resolution.
the body of the website took all the place on the screen and we can’t see my background.
My solution is simple, I use “ZOOM” services of Safari or Chrome to unzoom at 75% and at this moment I can see properly my background.
I would like to configure my website for every visitor who come’s to see a news or just my homepage with a good resolution where they can see my background properly.
I think that concern CSS ? When I go in THEME PANEL > CUSTOM CSS > ADVANCED CSS :
RESPONSIVE CSS
Paste your custom css in the appropriate box, to run only on a specific device DESKTOP
I don’t know nothing about CSS langage… so… I need some help to configure and fix my problem đ
Thank’s for read me.
Axel.