- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hello Team,
Since I updated the theme, the space in the header between the title and the menus is more important.
How to reduce the space between the top menu and the title, and the space between the main menu and the title
My website address is http://www.regardnomade.com
If this help, I was using the following costum css before:
.td-logo-text {
font-family: “Lobster”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
}
.td-tagline-text {
font-family: “Open Sans”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
font-size: 1.2em; /* Can use em, rem, px, or pt units here, set to preference */
padding: 15px !important;
}
.home .entry-date{
display: none;
}
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
What should I change, or get ride off to make the header less high or smaller?
Thanks.
Vincent
Say What! Menu Style 6 (Ipad) UGLY!
Having a really tough time with the menus when going to ipad.
Lots of useless space is in there forcing me to put most of my menu items under a custom link “more”. And forcing me to use short names for my items….
Could you spare some css so I can tighten this up for the ipad…Already tried a smaller text size etc…
I would like to get rid of the arrow down cause it overlaps onto the menu name when viewing in ipad, would also like to eliminate some space between menu items too
thank you!!
Also, IMHO a second bar (bottom bar in header) would look better than a top bar….. just my tow cents..
Hello kfx,
You can try the code below and place in in Theme panel->Custom CSS area.
The code is ->
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 48px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 48px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 48px;
line-height: 48px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: 0;
}
Here you can see the result -> http://screencast.com/t/nTcSU7Qy2
Thanks.
Hi
To add new sharing icons you will have to edit theme’s core files. First you have to edit td_social_icons.php and add new icons as key => value pairs: http://screencast.com/t/kno5DLzn
Next you have to edit style.css file and add new classes and style for new icons. You should name your new classes like this: td-icon-icon_name and replace icon_bane with the key name set for the icon in indicated array.
Here is an example:
'wechat' => 'WeChat' will be the pair in array.
td-icon-wechat will be the css class for this new network.
This is a complex task which require some coding skills in order to be achieved. We can’t offer customization services at the moment so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hello Irreverent Gent,
If your want to change the font for these strings, please notice that you will have to use a bit of CSS code to do that.
#reply-title{
font-family:Verdana;
}
.td-more-articles-box-title{
font-family:Verdana;
}
.comment cite {
font-family:Verdana;
}
Thanks.
Hello stephanem,
1)If you want to receive the automatic update you will have to use the Envato Wp toolkit according to our documentation here -> https://forum.tagdiv.com/how-to-update-the-theme-2/ (section B) -> https://forum.tagdiv.com/how-to-automatically-update-newspaper-theme/
2)Please keep in mind that Visual Composer come bundled with our theme and you will have to use only the version which comes with the theme and not other to achieve better results. Our latest version of the theme is Newspaper 7.1.1 and the right version for required plugins are -> Visual Composer 4.11.2 and Social Counter 4.1.
As you can see, all the plugins are in constant development. Each plugin will have to be checked with our theme for a good working and this process it may take a while. For example, the latest version of Visual Composer is 4.12 and the latest version of the plugin which has been tested with our theme is 4.11.2. In the future, after our developers will check this latest version of Visual Composer with the theme and they will find that the theme does not need to do some adjustments for, we will release an update with the latest version of Visual Composer (4.12). Until we will release the update with these latest versions you will have to ignore these messages.
So, please notice that if you want to have the latest version of the Visual Composer, you will need to have the additional license of this plugin and also, we cannot say for sure if this version of Visual Composer will work 100% with the theme because this version it is in testing.
For more information about Visual Composer, please check our documentation here -> https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
3)Unfortunately, our theme does not have such an option for sticky ‘Join us’ if you want this but please notice that you will have to do this only if you customize it using some PHP/HTML/CSS (position:fixed). This request involves additional customization and we cannot provide this type of services because it is not covered by our support. 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 help you.
Thanks for your understanding!
Hello melamodelsportsrl,
I suppose that you want to change the font-size for your title on mibile theme, right? As you can see, our theme does not have any option that offers you a way to change these, but you can use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
.td_module_mob_2 .entry-title {
font-size: 25px;
}
The result you should see here -> http://screencast.com/t/OzfdVOmHM2n
If you refer to something else, please provide more details.
Thanks for your understanding!
Hi, I’d like to have a bigger minimal height for title images in mobile theme. Could you please help me to set proper CSS for it?
I’m referring to: .td_module_mob_2 .td-module-thumb
but I’m not able to change the height.
Please let me know, thanks,
Regards,
FL
Hello kfx,
Please try to use the !important tag to give more important for your code, like this -> https://www.smashingmagazine.com/2010/11/the-important-css-declaration-how-and-when-to-use-it/
If you have no success, please provide your website URL so I can inspect it closer.
Thanks.
Ok then, I have embed my page code here : <iframe src=”//pastebin.com/embed_iframe/ndqKb11e” style=”border:none;width:100%”></iframe> as you required.
One thing though: during updating, my dev did not upload the css, fearing that it would jeopardize the design.
Thanks for your help.
Hi,
Unfortunately the back to top icon can only be targeted with css as there is no theme setting for it. please use this code in the theme panel->custom css box:
.td-scroll-up{
background-color:red;
}
Thank you!
Hello aludolf,
If you want to center the carousel element from Visual Composer, please try to use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline {
text-align:center;
}
The result you should see here -> http://screencast.com/t/ZBRhABtWId
Thanks for the message!
Hi,
I understand this, but this is a theme category setting that requires a background to display properly. The grey color is a transparent background and images will show up behind it. if you have no image, the transparent background appears as this grey color. If you want you can simply change the template from here: http://screencast.com/t/oZaux1oUu, or use this css to change the grey color if you do not want to use a backgorund:
.td_category_template_8 .td-category-header{
background-color:#11025f!important;
}
result: http://screencast.com/t/OcnWl2jb
Thank you!
I’m not sure…. code didn’t work? I put in CSS field like suggested.
http://beta.whoknewpodcast.com/beta/
Hi
Thank you for your kind words. We do our best to offer high quality themes and best support for our customers.
Try tis css: http://screencast.com/t/H8IHVyTkYYq
.td_module_slide {
border-bottom: 5px solid red;
}
Just change the color and border’s height value as you need.
Thanks!
Hi
Try this css: http://screencast.com/t/uGBmQMjscvdW
@media (max-width: 767px) {
.td-weather-top-widget, .td_data_time, .td-header-sp-top-widget {
display: none!important;
}
}
Thanks!
I added this to top-menu.php
// show the date and time if needed
if (td_util::get_option(‘tds_data_top_menu’) == ‘show’) {
$tds_data_time = td_util::get_option(‘tds_data_time_format’);
if ($tds_data_time == ”) {
$tds_data_time = ‘l, F j, Y’;
}
echo'<div class=”td_data_city”>’;
echo’San Luis Rio Colorado Sonora, Mexico’;
echo'</div>’;
echo ‘<div class=”td_data_time”>’;
echo date_i18n(stripslashes($tds_data_time));
echo ‘</div>’;
}
and this to css
.td_data_city {
display: inline-block;
margin-right: 690px;
}
please check the result is moving the social media icons to the top
wordpress.diarionoticias.info
It took me a while to figure out why the map layer and icons of Google Maps (generated via the API, not displayed within an iframe) were not rendering in the Newspaper theme.
They were actually rendering in pages, but not in posts. I discovered this is happening because line 32139 in style.css sets the default opacity of all images to transparent:
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
}
To overcome this problem, in the div container for your Google Map, create a custom style to set images to the default opacity:
.post #map-container img { /* fix for theme breaking map images by setting opacity of all images to 0*/
opacity: 1 !important;
}
I hope this helps someone else.
More detail on above request.
Full width bottom border to slider. Thin horizontal line with color #00000.
I see you can add horizontal line in visual composer but not full width. Need to add code I guess in CSS.
Thanks.
I know how to move my breadcrumbs down in a post. My question is how can I move my post’s header title up. Or better yet, what’s the css code to move my post’s header title up?
My second question was that my sidebar doesn’t seem to be responsive on ipads in portrait mode. It’s responsive on my home page, but not on individual posts.
For the last question, I’m basically asking how can I get my menu to expand the full length of the container, because the search bar takes up a span. Once I delete the theme’s search bar, how can I expand my ubermenu to reach the full width of the container?
Hello Dustin,
Please notice that all of our demos were custom made and the simplest way to achieve that layout is to install the Recipes from our demo layouts and try to customize it by your desired. Every demo has a special class with a custom CSS code that applies only to this case and if you want to recreate the Default theme to have the Recipes, please notice that is not a simple and this involve custom work. As a hint, please notice that all of the custom CSS code for Recipes you can find here -> http://screencast.com/t/QOqjsWcDl2Hd
For your second request, if you want to hide the meta info container for a post from a certain category it is necessary to make some additional customization through code that involves custom work. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hell all,
I’ve migrated the website to another host. Now I have a problem with Header Ad. I’ve put the new uploaded image in here http://i.imgur.com/PzJUlX6.png, but in FE is always like this http://i.imgur.com/Pv30Lqy.png, no matter what I try in CSS.
Why does it have 0x0 pixels? What happened?
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/DM8jfuJH
@media (max-width: 767px) {
.td-header-top-menu {
display: block;
}
.top-bar-style-1 .td-header-sp-top-widget {
float: none;
display: table;
margin-left: auto;
margin-right: auto;
}
}
Thanks!
hi,
There is no setting for this in the theme panel, but you can remove it with a bit of css. Please ad this code in the theme panel->custom css section:
.sf-menu .td-icon-menu-down{
display:none!important;
}
Thank you!
Hi
This behavior appear in almost any case when the page load take a bit more time or Speed Booster plugin is used. Also I’ve noticed that you’re using some minifictions and the css from theme panel it’s loaded at page bottom aster all other resources are requested. Try to paste the indicated code in style.css as I’ve indicated above, clear all caches then test again.
Thanks!