- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi Calin,
Sure thing, please see this page as an example.
The affected elements are near the middle of the page in the right-hand column labeled “Event Calendar” and “Events.” I am trying to change the CSS on those particular elements since I can not through the widget.
Thanks.
Hi Simion,
Thanks for the example code! So I put the following css code into my website and the result is just as per our expectations.
.td_social_youtube {
position: relative;
left: -25%;
}
.td_social_twitter {
position: relative;
left: -50%;
}
.td_social_facebook {
position: relative;
left: 25%;
}
.td_social_instagram {
position: relative;
left: 50%;
}
After putting the above code in, our custom css code lines have exceeded 1000 lines (including previous codes). Thats huge, but now after this, the site looks perfect. What do you think? Please give me your honest opinion?
Dear Simion, it was really an enjoyable experience working with you towards solving all my problems. You can now mark this as solved.
Thank You.
Hi,
1. That explains it, now I can see the icons just fine
– https://www.screencast.com/t/aoT42LNLz16S
2. Seems I forgot to give you a solution for the order of the socials, sorry about that. Simplest method would be with a simple CSS code, for example this will switch Instagram with Twitter
– https://www.screencast.com/t/zA4wWLTOGz
CSS code can be entered in the theme panel custom code section
.td_social_instagram {
position: relative;
left: 25%;
}
.td_social_twitter {
position: relative;
left: -25%;
}
Let me know if this works, or if you have more questions.
Hi,
Hi please check the general color from Theme colors introduction documentation: https://forum.tagdiv.com/theme-colors-introduction/
Also you can add custom css on links.
Thank you.
For the width of row you need to select the row, and stretch the row ( if you don’t find the perfect stretch, select the “stretch row and content ” https://www.screencast.com/t/UTf54GEq go in css row set the width an set margin left and right on auto https://www.screencast.com/t/kYFIUdg3bi )
Hi,
If you set the default template the title is hide ( https://www.screencast.com/t/CCifXz6WGm7Y https://www.screencast.com/t/JDdAdYk1 ).
You can use a homepage from cloud template, and you can edit the template how you like ( https://forum.tagdiv.com/tagdiv-cloud-library-plugin/ ).
Or if you like to keep the current template please provide your url for a closer inspect, in this way I will be able to give you a custom css.
Thank you for your understanding.
Hi,
If you refer to the template of posts then yes, you can set different template on posts ( default templates https://forum.tagdiv.com/post-templates-2/ cloud templates: https://www.screencast.com/t/UqM77CicJ ).
Also If you refer strict to the custom css then the answer is yes, but the css need to be add in Newspaper> Theme panel>Custom code >Custom css
https://www.screencast.com/t/n7S0V7zMMvr1
Thank you for your understanding.
Hi,
You can try to change the thumb size for mega menu ( here you can the thumb size https://www.screencast.com/t/bhJmWlAKM ), and the file you need to edit is td_module_mega_menu.php ( https://www.screencast.com/t/d6fu31s7zY )
If you’ll decide to make this change please remove the above custom css.
Thank you for your understanding.
Hi,
Unfortunately our documentation don’t cover the new update theme.
We’ll try our best to make a new documentation to cover the features of theme.
Until then if is anything with we can help you please let us know.
With cloud template you have the full control on your page/post/category template:
In order to set the dimension of feature image you need to click on the feature image set the row of image form general row stretch to “Stretch row and content” ( https://www.screencast.com/t/gmv9LGon ), select the feature image change from “General” to “CSS” set margin left and right auto, and set the width you wish; everything on this page can be edit, you just to go deep in settings.
https://www.screencast.com/t/iS0pciftTk
Sorry for the incontinence.
Thank you for your understanding.
Hi,
Maybe one of those plugin will work, you could keep trying. Out ticker will only slide article titles, not text.
You could even try to create your own text slider with HTML and CSS, there are a lot of examples online. Like in this topic for example, I simply entered one of those ticker codes in a raw HTML element
– https://www.screencast.com/t/7IxZpz5Ejb4c
Sorry for the inconvenience.
Thanks
Hello novodave,
Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You should use such a custom CSS code if you want to change the Author Logo Size. Check the Inspector Browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hi,
Please provide a link were I can inspect the problem, in this way I can give you the proper custom css.
Thank you for your understanding.
Is there a way to add custom css code for specific posts? or do I have to install a separate plugin?
Hi, I’m importing a category template, category template 8 to be precise.
I choose the background image I want to display in the css settings of the element, (which is Category background image)
I save the template, apply the template in the theme panel to my the desired category, but the image is not showing on the category page.
Everything else is fine including the sidebar of the imported template. It seems that the page is starting from the posts list and completely ignoring the site wide image that is supposed to be showing along with the description of the category on the image.
The only element that is showing is the name of the category, breadcrumbs, and the categories tags. And those were there before, but once the template is applied the category’s name, breadcrumbs and the tags are shown above the posts list.
Any help?
Calin
Hi,
If you want to set custom width to page and sidebar, select the row, click on column click on css and set the width ( https://www.screencast.com/t/pjPH5HjyYFgI https://www.screencast.com/t/gojtKJrhb )
Hope this will help you.
Thanks.
If I follow this help I can make post content wider than sidebar or vice versa, but the total width (post content + sidebar) remain the same.
Ok, closing in to the final solution.
The height is indeed now neatly corrected to everywhere the same, however…
the image is not shown completely, the others are 150 px square so they show in full, but once it’s bigger like 250px the picture is not automatically resized to fit.
Also the rest of the images in the menu are now stretched to fit the content without the width resizing.
what would be the correct css code to accomplish correct resizing ?
it’s a bit tricky finding out since the menu disappears trying to use the firebug extension.
thanks for your patience in this matter

and the album art causing the issue looks like this normally

Hi,
Please be notice that you have set footer style 13 ( https://www.screencast.com/t/fqMwFLGs ) , you’ll have just socials icons in footer ( https://www.screencast.com/t/fqMwFLGs ).
Please see the above css in footer template 14 https://www.screencast.com/t/CEcEPQI9
Thank you for your understanding.
[Cross-post from Envato market forum – Link]
Hi,
I was wondering if it is possible to change the border color of a particular block title with custom CSS? Specifically, I am hoping to change the border color of a title adopted from a widget element (used with a plugin). Unfortunately it does not give me the option to change border color in the widget itself. Here’s what I’m trying to change:
Furthermore, I wasn’t able to find the border color element during inspection, so I was hoping that the tagDiv team could help with some code or a different workaround, if there is indeed a solution.
Hi.
When I add CSS above, It works in mobile but it makes email address disappear.
Check it out.
FYI, I has set footer template 13 and when I changed to 14, the CSS above doesn’t work in PC.
Hi,
In order to add some css to AMP you need to edit the style.php file from amp plugin, so you need to go in wp-content>plugins>td-amp>templates>style.php (example https://www.screencast.com/t/vIUHFAbD6uRH ).
Thank you for your understanding.
Hi,
If you try every header from the header panel ( https://www.screencast.com/t/3c35antYv Header styles documentation), then only way to adjust your header is with custom css.
If you need help with that please provide a link to your website.
Thank you.
-
This reply was modified 7 years by
Calin.
Glad it worked.
1. In ideal situations with no caching plugin or maybe server cache, the counter will synchronize every 3 hours. Caching plugins for example may have a delaying effect in this matter.
If that happens try to clear the cache, or set a smaller cache expiration period (most caching plugins have this option). That way the cache will be cleared and rebuilt and the data will refresh.
2. The icons are not visible for me, tried with Chrome and Firefox. Quite unusual, CSS wise everything seems to be in order from what I can see, the image containing all the icons is also loaded, positions are alright
– https://www.screencast.com/t/13Nnps3ApvTs
Hi,
Unfortunately for the moment that can be done just with some custom css ( a lot of css ).
here is an example, bat will affect some part of your website
.td_category_template_8 .td-category-header {
margin-top: -90px;
height: 400px;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: transparent!Important;
}
.td_category_template_8 .td-crumb-container {
top: 150px;
}
.td_category_template_8 .td-category-title-holder {
top: 150px;
}
.td-main-content-wrap {
margin-top: -100px;
}
.vc_column-inner{
padding-top: 100px;
}
Thank you for your understanding.
Hi,
The css I give to you is only for default smart list, not cloud smart list; for cloud smart list sm4 please try this css
.tdb_smart_list_4 .tdb-sml-current-item-nr,.tdb_smart_list_4 .tdb-sml-current-item-title {
display: inline-table;
}
.tdb_smart_list_4 .tdb-number-and-title h2{
text-align: center;
}
See results: https://www.screencast.com/t/kzWxRuxx
Thank you for your understanding.
Hi,
If this is what you desire https://www.screencast.com/t/atbfGs0XMOi then replace the above css with this one:
.td-footer-logo, .block-title, .td-post-category, .td-author-counters{
display: none;
}
thanks.