- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
Hi,
Actually the logo should look like this by default with that header style, on all pages
– https://www.screencast.com/t/ujmjFaUaLBR
Most demos contain custom design, the one you have installed sets these parameters for the logo when using header style 10
– https://www.screencast.com/t/kHolqYtK
If you were to remove that customization from the shown file, the issue would be solved. But if the theme will be updated this operation will have to be done again.
Why does this customization not look the same for all pages? because of the h1 the logo is included in when there is no other h1 in the page.
This interferes with the demo customization, some CSS is not applying properly. That is the case for the homepage you currently have. The category pages for example have a h1
– https://www.screencast.com/t/9MzGwCIsQZmK
The temporary solution is to use the code I provided until this is fixed by us. For reducing or removing that shift, enter the code directly in the theme stylesheet, at the bottom.
I already added this on the issue list for fixing. Sorry for the inconvenience.
Thanks
I’m not sure if you mean to remove all of the code or just some of it.
This is what I now have commented out:
/* Remove extra whitespace around footer */
/*.td-main-content-wrap{ padding-bottom:0; }/*
/*Remove extra purple space in purple footer */
/*.td-footer-template-14 .td-footer-bottom-full{ padding-top: 0; }*/
And I entered this:
.td-footer-bottom-full .td-pb-row>div.td-pb-span3 {
margin-bottom: 0;
}
There isn’t carriage return between my email address and the FOLLOW US text on mobile.
What am I missing?
It doesn’t seem to work for me.
I am trying to load custom ad 2 starting from the second page. Here is the code I am tried using…
if ($current_page > 1) {
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
}
Here is my smart list 6 page code…
<?php
class td_smart_list_6 extends td_smart_list {
protected $use_pagination = true; // set this to true to use rela pagination on this template
protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}
$buffy = ”;
//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;
return $buffy;
}
protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;
//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
$buffy .= ‘<div style=”text-align: center; font-size: 10px; margin-bottom: 5px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #e9e9e9;text-align: center; margin-bottom: 12px;”></div><!– Ezoic – TS-SL-728×90 – under_page_title –>
<div id=”ezoic-pub-ad-placeholder-105″>’;
$buffy .= ‘<div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_4’));
$buffy .= “</div></div>”;
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div></div>’;
//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);
//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];
//image caption
$first_img_caption = $item_array[‘first_img_caption’];
//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {
//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);
// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;
// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];
// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}
$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>
</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}
$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);
// ad smart list 6
//$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 6px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 12px;”></div> <!– Ezoic – TS-SL-728×90-2 – under_first_paragraph –>’;
$buffy .= ‘<div class=”adsense”><div id=”ezoic-pub-ad-placeholder-106″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div>’;
$buffy .= “</div></div></div><!– End Ezoic – TS-SL-728×90-2 – under_first_paragraph –>”;
$buffy .= “<!– google_ad_section_start –>”;
//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}
$buffy .= ‘</div>’;
// render the pagination
$buffy .= “<!– google_ad_section_end –>”;
$buffy .= ”;
$buffy .= ‘<div id=”ads” style=”clear:both;padding-top:15px;”><div style=”float:left;”>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-107″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_5’));
$buffy .= ‘</div></div></div>
<!– End Ezoic – TS-SL-336×280 – bottom_of_page –>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280-2 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-108″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_3’));
$buffy .= “</div></div>
<!– End Ezoic – TS-SL-336×280-2 – bottom_of_page –>”;
$buffy .= ‘<div id=”ezoic-pub-ad-placeholder-117″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_1’));
$buffy .= ‘</div>’;
// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();
$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 2px;”></div><!– Ezoic – TS SL Native Bottom – native_bottom –>
<div id=”ezoic-pub-ad-placeholder-194″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
$buffy .= “</div><!– End Ezoic – TS SL Native Bottom – native_bottom –>”;
return $buffy;
}
protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id
return $buffy;
}
}
Hi,
Thanks but the above code removed the bottom footer bar. Instead i need to hide the widgets (as encircled) in the screenshot http://prntscr.com/kd613d.
I only want to hide them on the home page.
Hi,
That is actually an image, so there would be no setting to change it’s color. You could remove that and use a CSS border or shadow instead. This is an example with a shadow
– https://www.screencast.com/t/uZGHxcfqq
Code used in the example
.td-header-gradient:before {
display: none;
}
.td-header-gradient:after {
content:"";
position:absolute;
height: 12px;
width: 100%;
bottom:0;
-webkit-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
-moz-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
}
Shadow generator here if you want to use it
– https://www.cssmatic.com/box-shadow
Hi,
The latest articles section is added when you use the required page template
– https://www.screencast.com/t/w0OevVt2XL
The section will display a numbered pagination style.
If you select a different page template the section will be removed. Then the page will not have pagination.
Now I don’t exactly now what you want to do, having this in mind. You could place a block at the bottom of the page instead, blocks also have pagination (not numbered however).
Good morning to you,
I am coming to you because I am currently experiencing three technical problems: ( sorry for my English I use DeepL)
My Website : https://exoportail.com/
1) My logo on the AMP pages is not displayed even though I saved it in the mobile logos. Moreover and it is strange when I move the mouse pointer to the place where should be the Amp Logo I can see that the URL of my site is displayed at the bottom left as shown in this image :
2) I tried to put a background Theme and the same thing in mobile version but it only appears on my browser where I am connected with my wordpress admin account. Indeed when I use another browser or a visitor goes to my site, the background theme is not displayed.
3) My last problem is that all my images are suddenly automatically left aligned and this even old images. I specify that this only affects my browser where I am logged in with my wordpress admin account and that just like concern number 2, visitors are not affected.
Thank you very much in advance for the help you can give me and congratulations again for the theme newspaper 8 which I like very much 🙂
Hi,
I see that now, somehow I missed it before. Remove that code and use this one instead
.home .td-travel-header {
bottom: -220px;
}
.home .td-main-page-wrap {
position: relative;
top:-220px;
}
It would produce a better result – http://prntscr.com/k7cb1t
Thanks
Hi,
1. The default grid style (all grids) does have a darker gradient over the bottom part of the image, I believe this is to make the post title and meta more visible when lighter images are used
With gradient – https://www.screencast.com/t/EwFqfRyrbkbr
Without – https://www.screencast.com/t/DExdlH06x85
Anyway you could remove it with some CSS if not required, or maybe change the style of the grid
– https://demo.tagdiv.com/newspaper/full-big-grid-3/
Since you removed it, what would you like to do now with the grid exactly? I will try to help you.
You can use any of the grids, full grids and blocks in that page. Choose the ones you like. For the article title colors I could give you a code once you choose the elements you want to use.
I believe there are plans to add a color setting for the article titles in modules, in a future update.
2. You could embed the video in a text element
– https://www.screencast.com/t/2gByhWjv2o
Stretch the row containing it and you should have a full width video
– http://prntscr.com/k6ynr4
3. Maybe that look could be achieved with the flex blocks. Those blocks are not predefined, so they can be set to display in many ways. With their settings and maybe some additional CSS you could get that result or similar.
Thanks
Hi.
I have add this code in advanced css
.td-header-wrap {
margin-top: 149px;
}
because i need space for background ads.
-It is possible to add this code only in a specific category istead in the whole site? Because i want the space only if i have an ad… at the moment i just have one in videogames category only.
-In ADS – Background click ad, i can set a link for just one background in the whole site but i have set a background from Categories and there’s not an option for set a link here. You know when this funtion will be implemented? Because i found a Plugin called “Custom Backgrounds for WordPress” that can do that. But it cost $15 and if I know it will be implemented soon by you, I avoid buying it.
-Last, as you can see from my homepage here https://labussolanews.com/ at the bottom of the page, under the footer, there is a white space.. why? and how can i remove it?
thanks
Hi,
Glad it worked. That padding could be removed with a code like this
.td-main-page-wrap {
padding-top: 0;
}
If you mean the font weight, the demo uses these settings for the top grid
– https://www.screencast.com/t/mBQd7qroLaNC
– https://www.screencast.com/t/ZLkXTQglBr5Y
The bottom positioning of the article title is as well a demo customization, this is the code for the customization
– https://pastebin.com/tYg5t1qc
Be sure to use Full big grid 8 and grid style 7.
Wow, With you help and comparing the font settings between the demo-created homepage and my homepage almost got what I wanted. Thanks for your help!
Two doubts left:
How can I remove the space between the header & The Big Grid?
And how can i set he Big Grid to have the same weight and set it on the bottom of the image, as it is on the demo. (I don’t see specific configuration for this on the theme panel, nor on the tagdiv composer on the homepage generated by the demo).
The header.
The header menu automatically adds space below the list, and seems it’s no possibilty to enable the hover to change the color of the text (demo), because while setting the hover on the control panel it changes the header menu background (deal-breaker). I see text in my case is located at the top of the images, i like it more at the bottom. How can we get this done?
How can I reduce the margin + apply hover color only to text?
Issues 3 & 4:
While configuring the Block 9, it shows comments counter (comments are disable, I want to hide this), the text occups much more size and show more data as author and date. I want it to be just as short and compact as in the demo. (Bullets included). And remove the “continue to category” text. How can I get this?
Hi,
When a smart list is created in a post, this will remove all your article ads (top, inline and bottom ads). That would be the current functionality.
If you use the smart list styles 6, 7 or 8 you can place an ad in the smart list
– https://www.screencast.com/t/lXEU8ZbnHjt
For me your website appears as https currently
– http://prntscr.com/k2fr3t
Thanks
Hi,
Each paragraph (p tag) will have a margin bottom. The theme uses a value of 26px
– https://www.screencast.com/t/NYhsRZKH8N
Default WordPress adds a 4.5em margin between paragraphs
– https://www.screencast.com/t/pNga3A77jVWm
You could remove this margin if it you don’t require a margin between paragraphs, use the code you mention.
Without and with code – https://www.screencast.com/t/TLQlxLmlk
Or maybe create a code to affect only the paragraphs you want if possible, not all of them.
Thanks
An additional question:
4. On a post, in the bottom where it shows related articles: How can I remove the “More from author” option? I would only like to keep the “Related articles” choice.
I am starting to build a site: http://healthbeatdigest.org/
If you go to my site, you will see my logo in the header, and also in the bottom left side of the display. Why is this and how can I remove the second logo? Thank you.
Bernie
Hi,
It seems that this happens only with your Instagram ID, I tried with other IDs as a test
– https://www.screencast.com/t/9jpaUCKpQaT
– https://www.screencast.com/t/g0r1a1us
So I believe it is the actual images you upload to Instagram, they are too small. I found some topics you could read
– https://colorlib.com/wp/size-of-the-instagram-picture/
– https://dustn.tv/instagram-sizes/
I could give you a code to remove that space, something like this
– https://www.screencast.com/t/JwkfnwnPtg
.td-instagram-main {
margin-bottom: -38px;
}
Thanks
Many folks have asked about this.
This is the method I use.
I want to be able to selectively show or hide menu items from the main desktop menu or the mobile menu.
Why?
Sometimes there are many extra buttons a user will need to have access to quickly on a mobile device, but these items dont need to show on the main menu. Often we add supplemental links at the footer of websites for advertising inquires or secondary pages. We dont want them on the main menu, but they are important, yet we dont want mobile users scrolling for miles to find the button either.
or another reason…
The items shown in a drop down or megamenu on the desktop do not look good on mobile.
for example, you may have a button called “help” on the desktop. This button would indclude items like “reset password” or “your account”.
on a desktop it rolls over very nicely, but on mobile it requires an extra tap to the “help button” and then drop the menu down to see the choices.
so to solve this you can selectively hide or show menu items via CSS
They will still load and might be visible for a split second as CSS will only visually hide it wont remove it.
You will often need to create TWO menu items of the same things.
You can show one to the desktop users and show another to the mobile users.
To hide menu items from desktop but show on mobile:
(find the menu item number in the menu section of wordpress, just roll mouse over and look at the link at the bottom of the browser, it will contai your menu item #)
Then add this to the Custom CSS section of your theme panel with your menu numbers
(replace 123 with your menu item number)
@media(min-width:767px){
.menu-item-123, .menu-item-123{
display:none!important;
}
To show items ONLY on desktop and HIDE on mobile try this
It is especially usefull when you dont want drop downs to appear on the mobile menu slideout but still want the items to show in the mobile menu slideout.
@media(max-width:767px){
.menu-item-123, .menu-item-123{
display:none!important;
}}
Admins feel free to correct me.
Hi,
Those would be in no relation, the theme was removed from sale by a simple misunderstanding. We tried hard to make it available as soon as possible.
But this would have no connection with your website, if that is what you are suggesting.
1. I see at the moment the top sharing is displayed, there is no bottom sharing (check if it is enabled)
– https://www.screencast.com/t/CSHQShcs3
There are also sharing options on the left.
2. What exactly is happening with the WP-admin? Is it happening only after you updated the theme?
Thanks
It would be possible by setting a negative margin instead of the 0 value and force it lower
– https://www.screencast.com/t/PIF5rKVc
So remove the last one and enter this one instead
.td-footer-template-9 .widget_text {
margin-bottom: -20px;
}
Hi,
Maybe some of those can be done with CSS modifications, the gallery element would not have such settings unfortunately. Try a code like this
– https://www.screencast.com/t/Ufvn1l9gYu
It will remove the bottom thumbnails section, also the black background and set a white background instead
.td-doubleSlider-2 {
display: none;
}
.td-gallery-slide-top {
background-color: #fff;
color: #111;
}
You could make more modifications to it, some more might be possible with CSS if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello there, i am trying to increase the speed of my website. Also if i remove the javascript code at the bottom instead header will this boost up my website? If it’s a yes then can you please let me know how can i do this?
Need i to edit functions or other files?
Greetings everyone,
What would be the best way to go about removing the author information in its entirety from the bottom of every post?
Are there any CSS options for removing this information, and if so, are there any SEO consequences for hiding that author information? Thank you in advance for your time.
Website: https://financeandmarkets.com/
Example 1: http://financeandmarkets.com/wp-content/uploads/2018/05/2018-05-23_14-38-11.png
Hi,
Let’s try to identify the problem here. So from what I understand you want to add a border bottom for your h2 in the post content, like this
– https://www.screencast.com/t/yMyAhBQ0qo
WordPress used to have an underline button, but it was removed. So now CSS could be used or maybe trying to re-add the lost option and using it
– http://www.wpbeginner.com/plugins/how-to-add-underline-and-justify-text-buttons-in-wordpress/
In my example I used this code, note that it will affect all the h2 in every post. You may change the border size, type and color if needed
– https://www.w3schools.com/css/css_border.asp
.td-post-content h2 {
border-bottom: 2px solid black;
}
Remove the previous code for the border, this one is all that is needed.
Thanks
