- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
For the caption CSS solution, I just saw that there the text under the image is now stick.
Here a image.
Could it be possible to have the same space from top to bottom.
Regards
http://www.virtualmagie.org/articles/critiques/lectures/nothing-as-it-seems-de-ricky-smith/
-
This reply was modified 10 years by
Thomas.
Any file you over-write, yes.
So you would need to re-apply changes to user.ini, custom.css, function.php.
htacess is not managed by the theme.
Basically if you over-write any file in the /wp-content/themes/Newspaper/ folder, it gets over-written to replace the original file.
I usually keep track of my changes, then reapply changes to the new versions, then delete old theme folder, and upload new one via FTP which has my modified versions of new files.
I am wondering if I update the theme now, it will erase few things I included in the current instalation, such as alterations in the htaccess, user.ini, custom css, function.php and so forth.
Will it erase the alterations i did?
Thanks
[ Version 6.4 ]
blog_post: http://tagdiv.com/newspaper-6-4-update/
– new: smart list with pagination
– new: this is the first version of our ajax preloader. The preloader loads the ajax subcategories on the initial pageload, this provides a better user experience and in some cases a better performance if the initial page is cache.
– new: all categories now have an option for infinite loading + load more instead of pagination
– new: 2 new smart lists templates (smart list 6 and 7)
– new: 2 new ad spots used for smart lists (smart list 6 and 7)
– new: 2 new post style template (style 12, 13)
– new: demo – Travel
– new: demo – Health & Fitness
– new: footer background option in Theme Panel -> Footer
– new: wooCommerce invoicing plugin
– new: wooCommerce label maker plugin with support for label Dymo label printer
– fix: default and custom ad size not working for tablet landscape
– fix: on the ad block the sidebar ad spot cannot be selected since the last visual composer update
– fix: IMPORTANT security issue with the ajax code that handles the sidebars.
– fix: issue with ajax subcategories. If you clicked them fast enough there was a chance that they will desynchronized with the content, showing the wrong content.
– fix: block 18 css fix for large image sizes
– improvement: a big part of the themes JavaScript now passes jsHint and complies to WordPress JavaScript Coding standards
– improvement: mega menu ajax loading now works smoother and the animation is top to bottom
– improvement: infinite loader now has a loading animation
– improvement: we improved the loading animation, when needed it’s smaller and it looks better
– improvement: added link to user page on login widget from top menu
Is there a way to create a separate file where I can put all the css in one place?
The same ideally would apply for the scripts.
I ask that because when I’m look at the source code of my website, the first 250-300 or so lines are filled just with scripts and stylesheet. I was wondering if that is impacting page load speeds.
Any help is appreciated.
Hi,
Unfortunately we don’t have a meizu mx 4 pro phone to test on. You have to play with the css parameters until you obtain the desired effect. I suspect that this phone has a different screen resolution or uses a custom browser and the result may be different compared to the other phones.
Thanks!
Hi
For related article try this custom css: http://screencast.com/t/3SMcInjTJ
.td_block_related_posts .td-related-title .td-cur-simple-item{
background-color: #B63232;
}
Thanks!
Hi,
1. The post pagination used by the theme is classic(numeric) you can try to find a plugin for this or hire a freelancer to do this for you as it is not an easy task. Here you can find the post pagination – http://screencast.com/t/KSXb3EON9k
2. You can customize the text if you want using custom css – http://screencast.com/t/JTx4FkS3iRBq or you can modify this in the code – http://screencast.com/t/JSasHPgoM
.td-post-next-prev-content span {
color: red;
font-size: 15px;
}
3. The Newsticker block was designed to be used like the other theme blocks, just display the articles titles from a specific categories(multiple or all). It doesn’t have an option to add a custom text, but I can tell you that this suggestion is in our list and we will try to implement this for Newsticker in a future update.
4. Please try to use this plugin for disqus Disqus Conditional Load and check this also only with Visual Composer and Disqus plugins active(disable all other plugins), clear cache and see if the comments area appears.
Thanks!
Hi,
Try to use this custom css link from text widget:
.widget_text a {
color: #016ca5 !important;
}
Thanks!
Hello,
I am trying to change the title design of block in a widget, i add it with VC, the problem when i edit the page i get new id for block.
The css code is
.td_block_id_1941621057 .block-title {
font-family: "Roboto",sans-serif;
font-size: 28px;
line-height: 1;
margin-top: 0px;
margin-bottom: 26px;
border-bottom: 2px solid #000000;
border-color: #000000;
background-color: #4DB2EC;
}
The id td_block_id_1941621057 get change everytime i edit the page, so making a design for every block when editing all is gone, and i need to use firebug to get new id. Any trick to get this solved.
How to get the id for block easily, is it a bug ?
Hi,
You can change it to position relative – http://screencast.com/t/xSYxAYRieoNi
.td_block_20 .td_module_14 .td-module-meta-info {
position: relative;
}
On block 4 the thumbnail is enlarged using css. You can do the same for block 12 – http://screencast.com/t/PO44UkLo8X
@media (max-width: 767px) {
.td_block_12 .td_module_11 .td-module-thumb {
width: inherit !important;
height: auto;
position: relative !important;
}
.td_block_12 .td_module_11 .td-module-thumb .entry-thumb {
width: 100%;
}
.td_module_11 .item-details {
margin-left: 0 !important;
padding-left: 0 !important;
}
}
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
I have checked your site and the above css works for your page – http://screencast.com/t/FNQiZIPXqR4 Also for post pages you need to use also this class – http://screencast.com/t/5ZaRWhZLUtfn and use !important tag.
.td-main-content-wrap, .post {
background-color: #ebe5dc !important;
}
You may need additional customization if you use another post template as I have tested this only for existing posts.
Hope this helps!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
You use this site to set your colors – http://www.colorpicker.com/ and just paste the hex color to the above color.
Also if you want to change the hover color this the css(just replace with your colors) – http://screencast.com/t/08VDdTFfqu6
.td_block_12 .td-read-more a:hover{
background-color: #C4CACC !important;
color: #222 !important;
}
Thanks!
Hi
You can hide the featured image from a specific post using custom css, using the post-id class like here:
.postid-126 .td-post-featured-image, .postid-139 .td-post-featured-image {
display: none!important;
}
This css hide the featured image form the posts with id=126 and id=139. For each post that you want to hide the feature image just add the post id class flowed by featured image class, and separate it by comma like in example. To get the post id follow this link: http://screencast.com/t/BAJ27Av0ao
Let me know how it goes!
Thanks!
Hi,
I guess that this issue is related to permalinks or a plugin that you use. Please disable all you plugins except of Visual Composer, clear cache and also re-save your permalinks, then check if you still have this issue.
The css issue(provided above) will be fixed in 6.4 version of the theme.
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
You will need custom modifications for this, it is not just a simple css code, first you have to add excerpt for modules used on Big Grid(I guess you refer to this block), for example on Big Grid 1 are used module mx5 and mx6 – http://screencast.com/t/mNeNEpEw You can find them in modules folder if you want to modify it – http://screencast.com/t/GssjjMvHzc please note that these modules are used also on another grids/blocks. And then customize it via custom css. I suggest to hire a freelancer to do this for you if you don’t have php/css/html experience as it is not so easy and unfortunately the time doesn’t allow us to provide custom work, sorry!
Also for your second request you need custom modifications, for reference you can check this topic – https://forum.tagdiv.com/topic/conditional-logic-for-menu/#post-20087 it is for old version of the theme, but the principles are the same and you can adjust it.
Thanks!
Hi
Try this custom css in theme pnael > custom css: http://screencast.com/t/qfC5jeDntmOo
.home .td_block_slide .td-post-views {
display: none;
}
This css will remove the post views only from the homepage slider.
Thanks!
Hi,
You can customize the social share buttons if you want this, the main difference is that on newspaper we use fonts instead of image for share icons – http://screencast.com/t/N2UJOcRN8L6O – http://screencast.com/t/sLgcOZKzq0c I guess that it is more easy to customize the icon on newspaper. If you have basic css/html experience you can modify them(play a little using inspector tool and see how you can design them) or hire a freelancer to do this for you as we cannot provide any type of custom work, sorry!
Thanks!
I have added this .widget_text a:link {
color: #016ca5 !important;
}
but the problem is in the sidebar widget I sometimes have more than one link, but this CSS doesn’t seem to be working on all the links, only 1 or 2 out of 4. Can anyone tell me what I am doing wrong? thanks
Hi
To move logo to the left try this custom css: http://screencast.com/t/mWvgW8nEL5r
.td-header-style-1 .td-header-sp-logo{
margin-left: -21px!important;
}
To increase the the logo’s size its need to adjust the banner size, because header style 1 it’s designed to display the logo and banner on the same line:
.td-header-sp-ads{
width: 740px!important;
}
.td-header-sp-logo img {
width: 100%;
}
.td-header-sp-logo {
width: 300px!important;
}
Notice that I’ve tested this only with header style 1 and if you’re using a different header style you might need different customization.
Thanks for the message!
Hi
By default the theme doesn’t have an option to do that but you can use this custom css in theme panel > custom css:
.td-header-main-menu{
background-image: url("insert your url image here");
}
The result should be like here: http://screencast.com/t/eMdOcGjRDhac
Thanks!
Hi,
Please use this custom css to change the background color – http://screencast.com/t/FtCNe7yDe
.td-subcat-filter .td-subcat-dropdown ul {
background-color: rgb(183, 202, 76);
}
Thanks!
Hi
Try this custom css in theme panel > custom css:
@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: red;
}
}
@media (max-width: 767px) {
.td-header-wrap .td-header-main-menu{
background-color: #ffffff !important;
}
}
You can change the color as you like. The result should be like here: http://screencast.com/t/mOM6crOZ
Thanks!
Hi
WordPress can’t enlarge the images, so you can try to use a plugin like Thumbnail Upscale as Chris suggested, if your images are smaller than the thumb where are used or use custom css for stretch them to fit thumb’s container.
Thanks!
Hi
To change the subcategories color on hover use this css: http://screencast.com/t/UZCQHiFlq
.category .td-subcategory-header .td-category a:hover{
background-color: #D71313;
}
If you’re referring at related article you can use this css: http://screencast.com/t/gVxaQsuXB
.td_block_related_posts .td-post-category{
background-color: #B63232;
}
If this is not what you mean please provide a link and mentions the element’s color that you went to change.
Thanks!
