Search Results for 'header'

Results from the Forum
Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

Lou
Participant
#0

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

ashok
Participant
Logo Size - topic
#0

How to increase logo size for newpaper 7 theme, i am using Header style 3, for the same style i wanted to increase the logo size, how can i achieve this.

Catalin
tagDiv Staff

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!

snlmagazin
tagDiv Member

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;
}

t1m4
Participant
#0

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

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

davps1980
Participant
Header ads - topic
#0

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

omattelin
tagDiv Member

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

omattelin
Participant
#0

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

Sebastian Escobar
tagDiv Member

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!

bibs2017
Participant
#0

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 🙂

misom
tagDiv Member

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

Simion C.
tagDiv Staff

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

Bogdan B.
tagDiv Staff

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!

madox56
Participant
#0

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

Catalin
tagDiv Staff

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!

CVBJ_Creative
Participant
#0

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?

gbodner
Participant
#0

On pages like this one:

http://regiamag.com/regiamag/

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

snlmagazin
Participant
#0

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

MochileroInfo
tagDiv Member

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

Bogdan B.
tagDiv Staff

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!

Viewing 25 results - 20,801 through 20,825 (of 29,850 total)