- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
UPDATE: I’ve managed to make the video player responsively fit the entire screen by injecting the code and CSS into the header of the page, as seen here: http://sparrowvideo.co/homepage-blog/
My issue is now that there is a blank white line appearing across the top of the screen, which I am assuming is the body of the blank page template I am using. If I could somehow get rid of that white bar now, all of my issues would be solved. Thanks so much for your help!
Hello,
I am using the Newspaper theme and basing my blog off of the travel template. I am still setting up, and am pretty new to wordpress. I’ve been looking around the documentation and all over the theme panel and the Appearance dashboard, and can’t seem to find a way to reduce the text-width for all my posts.
I would like it set so that when users/readers visit via a computer, they are shown a smaller width than what is currently shown (it’s too wide to read comfortably). I can apparently set a constant width using custom CSS, but I’m afraid that will mess it up for phones.
Thanks for any help!
Hi,
I’m using latest version of theme and visual composer.
Trying to update fonts and sizes for post title and excerpt, I see that it is not updated.
The CSS is an inherit of P, and it changes only if I change it throughout the theme.
I also used a custom css for excerpt and titles, and called in at custom css, still no luck.
What could be the reason for it?
Catalin
Thanks for the suggestion. I changed the custom CSS to
.td-header-style-1 .td-header-sp-logo {
width: 50%;
float:left;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-recs {
width: 50%;
float:right;
margin-left: auto;
margin-right: auto;
}
And it appears to be working like I want. I may tweak the tablet portrait so that the image is not as small for it. But it showing the ads on the same level like I want.
What is the best way to make the gap smaller between the header and the navigation menu bar?
Thanks,
Rick
Thanks for the detailed response! but i don’t think the CSS worked. or perhaps there is only so much margin i can remove? Also still need code to move the SIDE space between thumbs. http://nimb.ws/WrV6Kb
Btw,any idea as to why blockquotes are no longer using the default font? (which should be sue ellen)
ever since making a child theme, some odd things have been going on….
Hi
You need to include the table from second page into a container and apply the indicated css overflow-x: auto;: http://screencast.com/t/2wK1I7UJT The way should be the same as you did with the first table.
Thanks!
Hi,
I found your post regarding the shortcode to edit CSS on articles without coding but it doesn’t seem to work on my TinyMCE editor.
Here is what I would like to produce: https://drive.google.com/file/d/0B-1ad5o39sIdZXZRUnprRnJoMmM/view?usp=drivesdk
Here is what I have on my TinyMCE backend:
1) https://drive.google.com/file/d/0B-1ad5o39sIdV3FqM0hSZGxyODA/view?usp=drivesdk
2) https://drive.google.com/file/d/0B-1ad5o39sIdc256NEdQWUNKWXc/view?usp=drivesdk
How can I get all the CSS style of the theme inside my Visual editor, please?
Hello gunner05,
1)The Block 5 use module 3, as you can see here -> http://screencast.com/t/4YfTmYY6l If you want to change the Block 5, you have to change this module. You can reduce the padding-bottom in your block with the CSS code below but the left-right you do not change because you will damage the layout. The width is fixed and you cannot change of this without damage.
.td_module_3 {
padding-bottom: 10px;
}
The result you should see here: http://screencast.com/t/8OC0YY9MQh
2)Unfortunately, this animation does not come from the theme. If you want to remove this feature you have to remove the option from js. file from Visual Composer and it is not a simple task, sorry.
3)Unfortunately, our theme does not have this feature implemented. The more article box option displays only the active posts, like this -> http://screencast.com/t/P5I5MwcsBc For more information about more article box, please check our documentation, here: https://forum.tagdiv.com/more-articles-box/
4)In principle, should not be any problem with this, but noticed that the dimension of the logo will be adjusted by the theme according to header style used.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi lucian
Based on your email instructions i had make changes and mega menu works well when i am in home page http://www.wpdiv.ml/
If i navigate any one of the link in mega menu http://www.wpdiv.ml/privacy-policy/ once again i had a similar issue (CSS not loading)
-
This reply was modified 10 years by
wpdiv.
Thank you Bogdan, I haven’t had any custom CSS added for line height, and I haven’t added any additional plugins since installing the theme, so I’d have to think it’s because of something else. Website: http://www.livingkura.com/
You can see it very clearly on the mobile version.
Hello,
The only universal setting that might have affected this would be the line height. If this was altered for some reason, then it could have affected different elements but it would be hard to identify where the change was made. If you have any custom css in your panel, look for a line height attribute and change that and see if the problem originates from there. It could also be a plugin that interferes with the theme css so you can also try to disable all plugins to see if the elements get positioned properly afterwards.
If you cannot figure it out, please provide a link to your website so we can inspect it.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/6ufI5hKDl
.widget_FacebookLikeBox {
margin-bottom: 10px;
}
Thanks!
Hello Albert,
If you want to change the content background-color, you have to use a bit o CSS. Please try the code below and add it in Theme panel->Csutom CSS area, like this -> http://screencast.com/t/zzPj44WH
.td-pb-row, .type-post {
background-color:red;
}
The result you should see here: http://screencast.com/t/vvvBMn7M
Hope this helps and let us know how it goes!
Hello anujsri1,
Unfortunately, these divs are not designed to work only for Ads and not for content. The content you can hide with a bit of CSS -> display:none; and if you want to hide it only for the mobile mode you have to use media query for mobile -> @media (max-width:767px).
Let us know how it goes and if you need more assistance for this regard, please provide more details about what exactly do you want to hide.
Thank you for the message!
Hi,
Well you will need to know a bit of css to do it. Keep in mind that if the table is an iframe it cannot be targeted from the panel so the css must be added inline. I could help out if you provide a link to your website so i can inspect the table.
Thank you!
Hi
Replace the css that you shown as reference with this one.
.td-ads-title{
margin-left: auto;
margin-right: auto;
display: table;
color: #bbbbbb;
font-size: 10px;
text-align: center;
}
The result should be like here: http://screencast.com/t/RTWgwPrY
Let me know how it goes.
Thanks!
Hello carmene,
Our theme does not have the option to change the fonts for all website. The theme uses by default Open Sens and Roboto. The simplest way to achieve this, as @Chris S suggested you above, would be to search/replace these kinds of fonts with your desired font in style.css, like this -> http://screencast.com/t/QqveC5k0B
Hope this helps and let us know how it goes!
Thank you for the message!
Hello guys, have a few questions about blocks:
1-How can I change the spacing/padding for Block 5? I understand I have to create a custom class in the block setting but what css do i put in theme panel? Will the block be effected sitewide or only the one I referenced with the id?
I want less spacing: https://box.everhelper.me/attachment/365600/khia2TJs8b3aazQepYb1AJRnEh0mqlOu/158366-adAEaZbxgnEkTahA/screen.png
2-How do i change the transition animation between tabs? I created 2 tabs using VC and loading 2 post grids (blocks). But i want it to FADE not fly in from the bottom when I switch tabs.
3- Sorry this has nothing to do with blocks, but how do i change the content inside the recommendation box that flies in after you scroll a post. I want to promote a facebook page instead of recommend posts.
4- I did not use the recommended logo size for homepage and mobile devices. I used a slightly bigger size image. Is that a problem or will it be ok?
Hello Mario,
This issue can be caused by the css minification. Please try to disable all your plugins except visual composer and clear your cache.
You can also do it with css if you want but you will need to point out exactly what you want changed. Try it without plugins and if the problem persists let us know how we can assist you further.
Thank you!
Hi @tiranin0707
You have to add a specific class for the table then the use it in order to apply the css code like here:
.your-table-class{
overflow-x: auto;
}
If this is not what you mean please provide more details.
Thanks!
Hello rishab55555,
a)Unfortunately, our theme does not have this option implemented for RSS feed. If you want to use this, you have to search any plugin with this functionality and check on your side how it works. You should find a lot of these plugins from WP Plugins, like this -> https://ro.wordpress.org/plugins/search.php?q=RSS
b)Please try the code below and add it in Theme panel->Custom CSS area, like this-> http://screencast.com/t/2Ogvs7nOPQ
.td-header-wrap .black-menu .sf-menu > .menu-item-159 > a:hover {
background-color:red!important;
}
The result you should see here: http://screencast.com/t/qHH2CSKzS5
c)If you want to change the color and background-color of your translate buttons, you should try the code below and place it in Theme panel->Custom CSS area.
#menu-item-44721 a {
background-color:red;
color:green!important;
}
#menu-item-1364 a {
background-color:green;
color:red!important;
}
The result you should see here -> http://screencast.com/t/k4jCricPY -> http://screencast.com/t/P2SwLPlO3l
You can adjust the values as you wish.
d)I have tested on my side the WordPRess date and seems to work properly. The WP use the normal and standard format of the date and you should not have this error. Please check your plugins because it might be caused by them.
e)First of all, you need to follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
There are a number of things that can go wrong with page speed. You can begin by investigating speed booster to see if it’s not disabled. The speedbooster plugin has a function that checks for active plugins. There is a list of plugins speedbooster is compatible with – http://screencast.com/t/hcjLnOqh4i2 so if you have other plugins active it will be automatically disabled.
In order to use the tagdiv speedbooster with all plugins you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh
Another thing you can do is play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8 –
http://codex.wordpress.org/Function_Reference/add_action
Please keep in mind that these insights are recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
I have checked your website and right now there is only the ‘like’ button on both firefox and chrome. In any case, this is a known issue, we have not created the like button to support to many characters.
You can try to add this css to fix it:
.td-post-sharing .td-classic-facebook iframe {
min-width: 120px;
}
Thank you!
Hi
To increase the pagination size try this css in theme panel > custom code > custom css: http://screencast.com/t/nd5mUBX5F
.page-nav a, .page-nav span, .page-nav:first-child > div{
font-size: 25px;
min-width: 50px;
line-height: 40px;
}
Also you can check this link, I’ve posted here a solution about how can be added Next/Prev links to pagination: https://forum.tagdiv.com/topic/pagination-5/
Hope this help.
Thanks!
Hi
Try this css, it should disable the author link from every post and also from every page:
.td-post-author-name a {
pointer-events: none;
}
Thanks!
Hello,
suddenly, in my site I’ve lost all CSS customizations via Theme Panel. When I input them in Custom CSS they are back. Then, I deactivated Speed Booster plugin and customizations via Theme Panel are back but I get a performance deterioration.
Any suggestions? Thanks,
Mario