- TutorialsDefault Block Settings Guide
Hi,
Each header style has a recommended image size that has to be used
– https://forum.tagdiv.com/logo-favicon/
If you would like to use a logo image of a different size, Header styles 9, 10 and 11 do not have limitations for the logo. You can have any logo you want with theose headers
– https://forum.tagdiv.com/header-styles/
Thanks
Hi,
You can find the head section in the header.php file found in the main theme folder
– https://www.screencast.com/t/7tSdMb4US
Thanks
Hi There,
Can you tell me how I can reduce the margins under the slider and above the first 2 header titles. Actually, I want to tighten up all four of those blocks. They are set to zero so I’m assuming I have to change the code somewhere, I just don’t know where to find it. Here’s the page…
http://wbmtest.website
Thanks,
Lou
Hello,
The default width for toggle menu button is 29px. Use the code below.
.header-search-wrap .td-icon-search {
width:29px!important;
}
Thanks for the message!
I really did check everything, but I don’t know whats the code…
These are changes in Custom CSS:
/* VIDEO POST */
.td-video-template-bg .td-category a {
background-color: #ff3c36;
}
.td-video-template-bg {
background-color: #000;
}
.td-video-template-bg-small {
background-color: #222;
}
/* POST LIST BLOCK 21 */
.td_block_21 img {
border-radius: 53px;
-webkit-border-radius: 53px;
-moz-border-radius: 53px;
}
.td_block_21.td-column-1 .entry-title {
font-size: 18px;
line-height: 24px;
min-height: 0;
padding-left: 0;
font-weight: 800;
}
/* BIG GRID FULL 1 */
.td_block_big_grid_fl_1 .td_module_mx18:hover .td-module-title a {
color: #ff3c36!important;
}
/* BIG GRID FULL 2 */
.td-big-grid-post .entry-title a {
color: #000;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
font-size: 39px;
line-height: 50px;
font-weight: 800;
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
}
.td-big-grids-fl.td-big-grids-margin .td-big-grid-post {
border-width: 0 0px;
}
.td_block_big_grid_fl_2 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_2 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}
/* BIG GRID FULL 3 */
.td_block_big_grid_fl_3 .td_module_mx20:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_3 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
/* BIG GRID FULL 8 */
.td_block_big_grid_fl_8 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_8 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_8 .td_module_mx25:hover .td-module-title a {
color: #ff3c36!important;
}
/* CATEGORY POST */
.td-post-category {
background-color: #ff3c36;
}
.td-grid-style-1 .td-post-category {
background-color: #ff3c36;
}
.td-big-grid-post .td-post-category {
display: inline-block;
margin: 0 0 5px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
display: inline-block;
margin: 0 0 -6px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
color: #fff;
background-color: #ff3c36;
white-space: nowrap;
}
/* POST NASLOV STIL 3 */
.td-post-template-3 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 5px 0px;
color: #000;
}
/* POST NASLOV STIL 7 */
.td-post-template-7 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 10px 0px;
color: #000;
}
.td-post-template-7 .td-post-header .entry-title {
line-height: 80px;
}
/* BOX QUOTE */
.td-post-content .td_quote_box {
background-color: #fff;
border-left: 10px solid #ff3c36;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}
.footer-text-wrap .footer-email-wrap {
padding: 10px 0;
}
.td_module_1 {
padding-bottom: 10px;
padding-top: 30px;
}
.td-footer-bottom-full .block-title {
margin-bottom: 10px;
}
.td-post-content .dropcap3 {
background-color: transparent !important;
color: #333;
font-weight: bold;
font-size: 117px;
line-height: 107px;
margin: 0px 10px 0 0px;
padding: 0 13px 0 0;
}
.td-post-content .dropcap {
float: left;
display: block;
font-size: 90px;
line-height: 55px;
background-color: #fff;
color: #ff3c36;
text-align: center;
margin: 7px 20px 10px 0;
padding: 28px 33px 25px 33px;
font-family: Roboto;
text-transform: uppercase;
min-width: 62px;
min-height: 62px;
border: 1px solid #ff3c36;
font-weight: 600;
}
Hi all,
i’m using newsmag theme (xlent !)
I use full background ads with link but it’s only linked on each side but not on top (above header).
i do something wrong ?
thanks for help
Hi,
It should work if you followed the steps, and configured the Yoast plugin like it is mentioned. Check if you used the same settings as in the guide and then test with the Twitter card validator to check if it works properly.
Also clear any caching installed after you setup the configuration.
If you would like to try the code that is mentioned , it needs to be entered in the theme header file, before the closing head tag as instructed
– https://www.screencast.com/t/NgtAiiObzq
Thanks
Hi,
It would be best if you would choose one of the available header styles, and use the recommended logo sizes
– https://forum.tagdiv.com/header-styles/
– https://forum.tagdiv.com/logo-favicon/
Maybe you can find a layout that you will like. Each header style has a recommended logo size, except for the ones where any image size can be used.
Thanks
Hi,
That would require a lot of work and modifications to the theme, there is no options to switch menus based on pages or any other basis. The header supports only one menu for all the website. Maybe you can find a plugin that could have this capability, because any other way will not be easy, or think of another way of achieving something like that.
Thanks
Hello
I’m trying to place the adsense code from third party ads server(adplugg) but getting the results as below
https://ibb.co/kQ12ha
and don’t even show up when on mobile devices(only image ads no issue), please help, this never happens on the previous theme which i used.
Thanks
I almost managed to get the result I’m looking for, positioning-wise. However some CSS (propably width: auto;) was also reflected content below the header…
Hi!
Trying to re-create the header style according to your template “Gadget” or “Erotic Magazine” i.e. full width, left-aligned logo etc.
I’m quite sure I should use width: 100%, padding-left: 20px; and padding-right: 20px; but not really sure where…
My test website is http://handballbase.com pw: abc123
Thanks in advace
Hi, you’re allright. I had some custom styles for logo in desktop with problems for logo in mobile. Finally I deleted all styles and found the mobile logo style in:
@media (max-width: 767px){ .td-medicine .td-header-style-12 .td-main-menu-logo img {max-height: 45px;}
}
Thank you very much!
I’d like them both to be 468×60 if possible, like on my old site here – https://www.thelotusforums.com/
Can you let me know how to do this please.
Thanks 🙂
Hi.
How can I add post published time (hours:minutes:seconds) along with the day month year in the top of the article? Here is a post example and it show day month year below the header: http://drukciji.ba/2017/06/07/susret-s-piscem-bozena-volic-promovira-knjige-u-novom-travniku/
Thank you.
Miso
Hi,
Please try this code and see if it works for you
– https://www.screencast.com/t/fBfXXr34CS
Enter it in Theme panel->Custom Css
.td_category_template_5 .td-header-style-3 {
border-bottom: 0;
}
Thanks
Hello,
You can remove the grey underline by adding this code in the theme panel-> custom css box:
.td-header-gradient:before{
display:none;
}
Thank you!
Hi,
we are using Thrive Leads and there quiz for lead generation. The quiz is not working on landing pages built with thrive.
The developer writes:
“There are some javascript errors on the page related to the Newspaper theme
– this is what’s causing the quiz to not load:
https://www.screencast.com/t/tbOLfAgG Switching to an unedited wp theme, the quiz loads properly.
The problem is in the following javascript file:
wp-content/themes/Newspaper/js/tagdiv_div.js
and it’s caused by the fact that headerResize variable is undefined. The fix
would be to check if $( ‘#header-outer’ ) exists before retrieving the
‘data-header-reseize’) attribute. The Landing Pages built with TCB do not have
any of the html from the theme templates, and this is why that element does
not exist.
Please contact Newspaper developers and ask them to apply the fix – you
can provide the tech details posted above.”
Can you help?
Thank you
Hello newbietamvan,
If you want to resize these icons on mobile, you should use a bit of CSS code to do this. Try the code below and place it in theme panel -> Custom CSS Area and check the results. Should work.
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
font-size: 21px;
}
#td-top-mobile-toggle i {
font-size: 20px;
}
Thanks for the message!
Hi there,
I was wondering if it is possible to rename certain headers throughout the theme. The two I’ve come across that I’d like to change are “Trending Now” and “Popular Category“, but having only played with the theme for a couple days, I’m sure I’ll find more arbitrarily-named sections I’d like to rename.
The posts I’d like to put in the news ticker would just be the 5 most recent after the 4 displayed on the main page, as kind of an “in case you missed it” ticker; these items aren’t “trending“; if anything, they’re old news that I want to put in an inconspicuous location. As far as “Popular Category“, I’d rather rename that to “Popular Categories“, as it’s plural and more appropriate for multiple categories.
Is there a method within the theme panel to change these headers, or do I have to edit the source code of the files? If the latter, which files should I edit?
On pages like this one:
You can see a gray degrade right below the header. How do we get rid of this? We want a background totally white.
Thank You
Hi,
I have a little problem with mobile ads which is confusing to me. So, In my header ads show up normaly, everything is ok. But on mobile my ad gets cut off. When I check my page on http://www.responsinator.com/ it works fine. But when I go to my site on my mobile, my ads get cut off… Im using plugin WP PRO Advertising which itself have an option to set diferent sizes for tablet and mobile. Evene when I embend the image which is 375×90 its not responsive. I try whit smaller image but its still the same…
https://drive.google.com/open?id=0B0ZARbR6_Bc8R0hFU2RhMHNvNlk
Thanks. Did you copy the code directly in the text area?
I tried the new code in a post and in a page but it doesnt works. Maybe is a problem with the header? I never changed it.
It tried here: https://www.mochilero.info/test-2/
And here: https://www.mochilero.info/test3/
But nothing happend.
My header is the original from the theme:
<!doctype html >
<!–[if IE 8]> <html class=”ie8″ lang=”en”> <![endif]–>
<!–[if IE 9]> <html class=”ie9″ lang=”en”> <![endif]–>
<!–[if gt IE 8]><!–> <html <?php language_attributes(); ?>> <!–<![endif]–>
<head>
<title><?php wp_title(‘|’, true, ‘right’); ?></title>
<meta charset=”<?php bloginfo( ‘charset’ );?>” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
wp_head(); /** we hook up in wp_booster @see td_wp_booster_functions::hook_wp_head */
?>
</head>
<body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
<?php /* scroll to top */?>
<div class=”td-scroll-up”><i class=”td-icon-menu-up”></i></div>
<?php locate_template(‘parts/menu-mobile.php’, true);?>
<?php locate_template(‘parts/search.php’, true);?>
<div id=”td-outer-wrap” class=”td-theme-wrap”>
<?php //this is closing in the footer.php file ?>
<?php
/*
* loads the header template set in Theme Panel -> Header area
* the template files are located in ../parts/header
*/
td_api_header_style::_helper_show_header();
do_action(‘td_wp_booster_after_header’); //used by unique articles
Hello,
Please try the code like so:
.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 80px!important;
min-height: 75px!important;
margin-bottom: -10px!important;
}
Also if you add the code in the theme panel-> custom css box, check for any errors in the field as any tag left open will cause errors and all code after that will not work.
Thank you!
