- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello Mantis,
Please notice that this type of element over you are referring to is just a simple Block 14 which is limited to display only 3 posts and which are placed into a full width row with the stretch rule. You can try the following code and place it in Back End editor in Visual Composer. The code should be found here -> http://pastebin.com/4fRP24YV Then you add this code you should use a bit of CSS for better results. Try the code below and place it in Theme panel -> Custom CSS area.
#td-outer-wrap{
overflow:hidden;
}
Hope this helps!
Thanks for the message!
Hello,
If you mean to make the pagination buttons more visible, then try to use this custom css code :
.td-next-prev-wrap a{
border: 2px solid #000000;
color: #000000;
}
Add the code in the theme panel->custom css spot
Thank you!
IE9 seems to be more difficult…
When I put this code into the custom css box : no effect !
And the child theme doesn’t work with IE9…
Hello,
If you want to hide the category description you can use a css code:
.td-category-description{
display:none;
}
You can add the code in the theme panel-custom css
Thank you!
Hi nano2408,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-mobile-footer-wrap .td-footer-logo{
display:none!important;
}
The result -> http://screencast.com/t/cXnRGVHfS7d
Thanks.
Hello fwoedit,
Please try to use the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td_module_wrap:hover .entry-title a{
color:black!important;
}
Thanks for the message!
Hello weezyworld,
If you want to change the color and background color for the image gallery heading from Visual Composer, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.wpb_gallery .wpb_gallery_heading{
background-color:red;
color:green;
}
The result you should see here -> http://screencast.com/t/xF6GJGlFNG
Thanks for your understanding!
Hello kenview,
If you want to disable the Back to Top button, you should use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-scroll-up-visible{
display:none;
}
Thanks.
Hi,
It should work from the child theme and it should also work from the custom css box in the theme panel .If it doesn’t that means there is a problem. The child theme could be thee culprit. Did you update your child theme since you created it? a child theme is not update proof. This topic describes it better: https://forum.tagdiv.com/topic/setting-up-child-theme/
You should update your child theme as well if you have not already.
Thank you!
Hey,
So, I asked a similar question here: https://forum.tagdiv.com/topic/some-questions-about-footer-style-1-and-how-to-disable-footer-logo/ and this code were provided by TagDiv to disable “footer logo” on mobile:
@media (max-width: 767px){
.footer-logo-wrap, .td-footer-wrapper .td-pb-span3{
display:none!important;;
}}
But this code doesn’t work when “TD Mobile theme plugin” is activated. Probably it’s under the codition when I am using normal responsive version of main theme.
I also tried to add the same code under “Mobile Theme”- Custom CSS option of theme options panel. But it breaks the logo ( don’t show the image but show image name).
Kindly suggest me the code in case , mobile theme plugin is active.
Thank you,
I don’t understand how can the code exist on html and not be loaded. If it exist then it’s being loaded. It doesn’t matter if it’s hidden with css it still loads.
These aren’t google ads, they are fixed sizes not responsive.
Hello,
I updated my theme to latest and got this error.
Fatal error: Call to undefined function vc_shortcode_custom_css_has_property() in /home/appspart5788/public_html/normandescendants.org/wp-content/themes/Newspaper/vc_templates/vc_row.php on line 55
http://www.normandescendants.org
How can I fix this?
Hi,
I resolve the problem whith this solution :
Put on the top of the style.css file :
@font-face {
font-family: ‘newspaper-icons’;
src: local(‘newspaper-icons’), url(images/icons/newspaper-icons.woff) format(‘woff’);
}
@font-face {
font-family: ‘newspaper’;
src: local(‘newspaper’), url(images/icons/newspaper.woff) format(‘woff’);
}
It’s not a good idea because of css file will be updated on the next theme update but it doesn’t work when i put it on a child theme or il the custom CSS box inside the admin panel…
It can be done with html and css if you have the proper skills for it.
Maybe this will help: https://css-tricks.com/responsive-data-tables/
You can also try out a few table generators if you want: http://www.tablesgenerator.com/html_tables
Thank you!
Im trying to create single images that contain a link. Their appearance should be like this: http://prntscr.com/czb0dw
Correct me if im wrong, cant it be set up with a full width text block that would contain html tables (rows/columns) ? Im thinking of this solution, along with the proper CSS for having these tables aligned like this http://prntscr.com/czb0dw on mobile view.
Hello lethow,
You can try using a bit of CSS code if you want to disable the clickable effect for Smart List. Try the code below ->
.td-slide-smart-list-1{
pointer-events:none;
}
Hope this helps!
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks.
Hi,
If you provide a link to your site I may be able to help out with a bit of css code for adjusting the header to fit your description better.
Thank you!
ps. make sure you select the hybrid menu before providing the link so i can work directly on the header style you will be using
-
This reply was modified 9 years by
Bogdan B..
Hello ki64qw3,
Please notice that the image caption was hidden for design reasons for post template style 3. You should try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-template-3 .td-post-header-holder .wp-caption-text {
display: block;
bottom: 5px;
right: 25px;
position:absolute;
color:white;
}
The result you should see here -> http://screencast.com/t/yUW4ww00
Thanks for the message!
Hello,
It may have to do with how you are implementing ssl on your site. Please use this guide: http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/
It will require a bit of reading on your part.
The hosting can also affect ssl like this issue was solved: https://forum.tagdiv.com/topic/problem-with-ipadsiphones/
I hope this helps.
Thank you!
Hi,
That will not be a simple task. If I add a simple border, you will see the container stretches to the full length of the post title: http://screencast.com/t/y3XsVZJh2Rbb This means it will require the next and prev post message to be in a different container than the post so it will require modifying the theme code for this to work properly.
The code is found here: http://screencast.com/t/eiVSnP0vad
You can change it to a div element http://screencast.com/t/9xqCeoZF19 and assign a class to it so you can then use css to make it stay the same size as the text and place borders around it.
Thank you!
Hi,
You can try this custom css for logo text and tagline text – http://screencast.com/t/bUsoWA4K
.td-logo-text {
font-size: 60px !important;
}
.td-tagline-text {
font-size: 20px !important;
}
Let us know how it goes and if it doesn’t work please provide your site url so we can inspect this.
Thanks!
Hello,
In order to know where to edit the code you must first figure out what that element is. it is a block. Blocks use modules as 1 block is made out of 1 ore more modules. In order to figure out which module is that, you can either use the browser inspector or the theme panel category tag list here: http://screencast.com/t/CxcUgpioMHis
Once you identify the module used, you can edit it;s code. For example if I want to modify module 1’s category tag, I would access this file: http://screencast.com/t/tvijQiZJxeTy
You can then use css to target the category tag and position it properly (after you modify the code)
I’m not sure what you mean by replacing the date on the social share links…please provide more details to what social sharing options do you mean and what date are you referring to.
Thanks.
Hello n26rail,
If you want to add there an Ad, please notice that you should change the header style to another one, like Header Style 10 and the result you should see here -> http://screencast.com/t/LQJPLpji6IEw For more information about our range of Ads, please consult the documentation here -> http://screencast.com/t/LQJPLpji6IEw
For your second request, please notice that if you want to make your main container being wider, also you will have to change the width of the theme and please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello,
Our theme has no such option unfortunately. The menu cannot be removed from the page using the theme settings. If you want to create a new menu you will have to use a plugin or create it in revolution slider as the site you mention. The main header area can be hidden from the homepage using a simple css trick:
.home .td-header-wrap{
display:none!important;
}
Thank you!
Hello jmask,
As a quick workaround, please notice that you should use the following code and place it in Theme panel->Custom CSS area.
The code is ->
.td-author-date {
position: inherit!important;
}
Please notice that further, you should edit yourself your customizations because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!