- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello,
If you wan tot use custom css then this option is the best choice (as Chris said): http://screencast.com/t/r0wxxStD0VZl
Thanks.
Hello carmene,
Unfortunately, there is not a simple task to do the Pinterest button to look like Facebook Box because the implementation methods are different for each button. I saw that you are using a plugin wich overwritten the code of the Pinterest button with the new button code. If you want to display more levels you need custom modifications and I suggest hiring a freelancer to do this for you as we cannot provide custom work at this time, sorry!
For your second request, if you want to decrease the black space below the widgets in the footer section, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.
.td-footer-wrapper .td_block_wrap {
margin-bottom: 0px;
}
The result -> http://screencast.com/t/Z8ynN7m8uViU
Hope this helps!
Thank yu for the message!
Hello,
Easier when you can see what you are doing.
Please try this css:
.sub iframe{
margin-left:auto!important;
margin-right:auto!important;
}
Thanks.
Hi,
I can add incompatible plugin in speed booster file there are after chek system status speed booster look active supported with all plugin wich i added but i tried to move footer some java script and css which see in pagespeed insight that scripts not move in footer i tried according to your suggestion and also try some various thing but all scripts are not moved in footer
please help me
Hello,
The theme wasn’t designed to display the post views on modules but you can achieve that adding this code http://pastebin.com/JdFgK89X in td_module.php like here: http://screencast.com/t/BjVvJT9m Then you need to edit the module you want the views displayed on
get_modules_views();?>
And add the code in one of these files replacing the get_comments code: http://screencast.com/t/HdSVmjPFqE0z
It will require further css positioning on some blocks.
I hope this helps.
Thank you!
Hi
The new container must be added in page.php file like here: http://screencast.com/t/7sST7ry5pA9D Also you will need this basic css in theme panel > custom css:
.social-share{
float: left;
margin-left: 90px;
width: 250px;
}
.td-container{
clear: right;
}
To generate the code for social share buttons you can use the code used by the theme for share buttons from post content: http://screencast.com/t/Xm3p5kbjz and customize such that to display the share buttons on a page. Also you can use a plugin for sharing buttons and just echo out its shortcode using do_shortcode function:
echo do_shortcode('social-share-shortcode');
Thanks!
Hello,
You can remove all your images from the homepage with this custom css:
.home .td-module-thumb{
display:none!important;
}
Thank you!
YOu can either change the text from the theme panel under fonts, or you can apply custom CSS to the element using the custom CSS panel in the theme panel.
Somebody else will likely have better answer. 🙂
Hi, I would like to change the font, the size and color of my text logo from default css to custom css. The problem is that I don’t know how to edit style.css in wordpress editor since there is no editor button under appearance tag? Why is there no Appearance->Editor? How can I find the editor and make the changes I want regarding my text logo?
Hi,
I work on a very academic website where there’s no place for images.. what a pity. anyway !
I’d like to know if it’s possible to remove images on blocks with a simple CSS, something like :
.td_block_1 .entry-thumb{ none;
I don’t code, i’m sorry 😉
With this code, there will be no more grey image on the homepage : http://www.laremedias.com
Thks for your reponse !
jack
Hello,
You can use this css to fix the positioning issue:
@media (max-width: 500px){
.alignleft {
float:left!important;
margin-right: 10px;
}
}
Add the code in the theme panel -> custom css box.
Thank you!
Hi
You could use a plugin to achieve that or other way would be to edit the theme files and add the share buttons in code. You need to edit every post template used and also every page template: http://screencast.com/t/zir9Tn4Kz and create a new container between header and the post/page content. Note that you have to apply some css style on this container in order to be displayed fine on the page.
This is a complex task and i can’t provide a solution now. If you can’t do this yourself my advice is to find someone to help you with it as we can’t offer custom work at the moment.
Thanks!
I’m almost there but the following pieces of text aren’t in the font I want:
Apply Coupon
Update Basket
Proceed to Checkout
Place Order
– also the shopping cart contents summary text when it’s in the sidebar.
This is the CSS that I have doing the job and then below that I add what I have currently which I don’t think is working:
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; !important;
}
.woocommerce {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif !important;
}
.woocommerce-tabs a {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; !important;
}
.related.products h2,
{
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; !important;
}
This is added but I don’t think is working:
.woocommerce #content .add_to_cart_button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; !important; }
a.button, button.button, input.button, #review_form #submit { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; !important; }
Apologies for the length but in case useful here is additional Woocommerce CSS I have in my stylesheet:
.product_title {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-page {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.panel entry-content {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.amount {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-page .page-title {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-page .page-title {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-page .page-title {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-page .page-title {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
.woocommerce-tabs ul.tabs li {
font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}
Thank you for your reply, I knew it was complicate 🙂 I’m trying to make a hover in different colors, my code is:
.menu-item-99 a:hover {
color: #AD2929 !important;
}
In theme panel-custom css I put the code http://www.screencast.com/t/C5K95vjE nothing happened.
Please help
Hi,
In order to do that you will need to change things up. Use this function instead:
http://pastebin.com/k7FC7sqa
And this css:
.customprev a{
background-color: yellow;
font-size: 20px;
color: black;
text-align: center;
text-align:center;
padding:10px
}
.customnext a{
background-color:yellow;
font-size:20px;
color:black;
text-align:center;
padding:10px;
}
It will need further css adjustments though.
Thank you!
Hello,
Unfortunately this is no easy task as the menu css is very complicated and it will require quite a bit of time and effort to get in the particular colors for the hover and active state.
You will have to get some hired help on this one.(We try to help out where we can but this customization will require more time and finesse and time does not allow us to tackle such tasks) You can hire a freelancer from sites like stuio.envato.com if you truly require this customization.
Thank you for your understanding.
I turned off to show author information. But when I look in the browser I see in the html still who the author off a post is. Is it possible toe remove that? So I still see: <meta itemprop=”author” content = “Author Name”>
On a single post but also on the index page. It looks like only css has turned it down. In Which file do I have to remove it with php?
Hello greenonion,
1) Please consult this topic because here you can find the answer for your first request.
2)If you want to increase the height of the header, please try the code below and add it in Theme panel->Custom CSS area.
.td-header-header {
height:250px!important;
}
The result -> http://screencast.com/t/3EAEQdIfuWO
For more information about header styles, please consult our documentation here -> https://forum.tagdiv.com/newsmag-header-styles/
3)There si an option for it in Theme panel->Theme colors like this -> http://screencast.com/t/0pAnQyFgsyu
Hope this helps!
Thank you for your message!
Hello,
In order to modify the next and prev posts like the example, you will have to replace this function: http://screencast.com/t/CjkDD569 with this one: http://pastebin.com/h5NRAF0f
And then use this custom css in the theme panel -> custom css box:
.customprev{
background-color:yellow;
font-size:20px;
color:black;
text-align:center
}
.customnext{
background-color:yellow;
font-size:20px;
color:black;
text-align:center
}
Result: http://screencast.com/t/WbsnC3xBYmF6
Thank you!
Hello willysawa,
If you want to remove the pictures from related articles, you have to use a bit of CSS to hide it. Try the code below.
.td-related-row .td-module-image {
display:none;
}
The result -> http://screencast.com/t/dewcF5ixYbj
Thanks.
Hello willysawa,
If you want to reduce the picture size of the Related Articles to be much smaller, you have to decrease the width of the image. Please try the code below and add it in Theme panel->Custom CSS area.
.td-related-row .td-module-image {
width: 100px;
}
The result you should see here -> http://screencast.com/t/ULDx9lHC
Hope this helps and let us know how it goes!
Thank you for the message!
Hi there,
I rely on visual composer on many parts of my site and I am bored of errors, related to bugs mostly due to your custom version.
Here are some I can define specific for VC:
1. Custom fonts do not work out of the box, a CSS fix is needed (fixed temporarily)
2. Excerpt length cannot be changed by classic functions.php code
3. You cannot insert featured image in any part except whole background at custom grid builder
4. Gaps and margins are not controlled at background easily, css fixes needed
Probably there are many more, come on guys, please help on these!!!
Hello,
1) You can remove the search from the menu either with css or by removing it from the theme files.
css:
.header-search-wrap{
display:none!important
}
from the files: http://screencast.com/t/X6DjcpVf
2)You can select the ad size you want for every screen size from the theme
panel:http://screencast.com/t/AnJ59mR8S
3)The best solution is to use an ad manager (plugin) which is inserted into ad spots and has if/then checks to exclude category by ID, skip placement as part of post page, etc. (The theme has no option for it)
Thank you!
Hello adi_mitran,
If you want to remove the navigation arrows, you have to do it with a bit of CSS. Please try the code below and add it in Theme panel and hide the arrows.
.td-gallery-controls-wrapper {
display:none;
}
The result -> http://screencast.com/t/j3tHtWbLsB
I have tested on my side again the TagDiv Gallery feature and I noticed that this feature works fine now and with the navigation arrows….please ensure you have the latest version of the theme and test it on your side and see how it works for you. -> http://screencast.com/t/1ikwWEofeo
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
I have not found your email but i could access your google console so I inspected these errors. It seems you will need to enable the author or date if you want these errors to disappear. They simply imply that author and date cannot be found. This is true as you disabled them from the theme panel. If you truly wish to see these errors no more but still want to hide author and date, you can activate them from the theme panel and simply hide author and date with css.
PS. We have not received your email but wp-admin is not needed in this case.
Thank you!