Search Results for 'header'

Hi,

You can use do_shortcode function to place a custom ad in header.php file that it ca be overwritten by child theme – http://screencast.com/t/tfSHbmlm and paste your code in Theme Panel > Ads – Custom ad – http://screencast.com/t/Ai0jnyHcOkh

<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>

You customize it using custom css in Theme Panel > Custom Css – http://screencast.com/t/82VwxRmtg

Or if you want to register a new sidebar you can do this in functions.php from child theme – http://screencast.com/t/vrZ2ti3WJx – http://screencast.com/t/oVcC46g3DO

<?php dynamic_sidebar('extra'); ?>

register_sidebar(array(
    'name'=> 'extra',
    'id' => 'extra-widget', //the id is used by the importer
    'before_widget' => '<aside class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<div class="block-title"><span>',
    'after_title' => '</span></div>'
));

And place the sidebar in header.php like I suggested above with custom ad – http://screencast.com/t/E2EVTuZAHut it should work fine – http://screencast.com/t/Qg6RwbYoxA4r

<?php dynamic_sidebar('extra'); ?>

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/Ak6o84KybPNn

@media (min-width: 1141px){
.td-header-style-3 .td-header-sp-logo {
margin: 28px 0px 9px 0px !important;
width: 340px !important;
padding: 0px !important;
}
.td-header-style-3 .td-header-sp-logo img {
right: auto !important;
}
}

This css is for bigger screens (at least 1141 px), if you want to customize it for each screen size you will have to use media querie like above and change those values. If you don’t have basic html/css experience I suggest to hire a professional to do it for you as we cannot provide custom work.

Thanks!

Hi,

Seems to be a z-index issue, please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/YcxUF5gUO

.td-header-style-8 .td-header-sp-logo {
z-index: 3;
}
.td-header-style-8 .td-header-top-menu-full {
z-index: 1;
}

Thanks!

Hi,

I guess that you want to move drop-down filter beside the category title, please try this custom css – http://screencast.com/t/isKJVvjv

@media (min-width: 768px) {
.category .td-category-header .td-pb-row{
display: inline-block;
}
.td-category-header .td-category-pulldown-filter {
position: relative;
top: -15px;
display: inline-block;
}
}

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hi,

I guess that you refer to the affix menu, you can use custom css to change it background color – http://screencast.com/t/LkupM5wX

.td-header-menu-wrap.td-affix {
background-color: red;
}

Please provide a link so we can take a look if this is not what you mean.

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to do this and you will need custom modification to the header style that you use. You can edit header style 9 – http://screencast.com/t/DIALswdc668 and add your images manually in the code and customize them via custom css. We would have gladly made it for you but we are a small team and we are working very hard on the development, updates, fixes and support. But you can always get a freelancer from sites like: http://studio.envato.com/

Thanks!

Hi,

Use this: http://screencast.com/t/XjZk85D22

.single #ac_55600 .ac_header_title {
margin-left: 25px;
}

Thanks

Hi,

You need custom modifications to achieve that, as you will have to change the log to position absolute and target it for each screen device using media queries. For example you can customize header style 7 – http://screencast.com/t/cxNGeCQQEXk – http://screencast.com/t/SYJdQVw6 You may need additional customizations, I suggest to hire a professional if you don’t know how to do it, as we cannot provide any type of custom work at this time, sorry!

.td-header-style-7 .td-header-sp-logo img {
position: absolute;
right: auto;
left: 50px;
top: 70px;
}
@media(min-width:768px)and (max-width:1018px) {
.td-header-style-7 .td-header-sp-logo img {
top: 40px !important;
}
}

Thanks!

Hi,

I’m not sure if this is what you mean but the header menu has an inline height – http://screencast.com/t/8IM4vXY99x You can try to use browser’s inspector to target header elements and find a solution where to add a max-height value.

Thanks!

Hi,

You will need custom work for this as this cannot be achieved only with custom css and it is not an easy task and unfortunately we cannot provide any type of custom work at this time as we work hard on development, fixes and support, sorry! You will have to call the top widget(social icons) in the header style that you use like it is located in the top menu template – http://screencast.com/t/UxLNvFQF and change the logo and banner position. I suggest to hire a freelancer to do this for you if you need this.

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/yH6suuYNoPqA as there is no option in Theme Color to change this.

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff!important;
}
#td-top-mobile-toggle i {
color: #222 !important;
}
.header-search-wrap #td-header-search-button .td-icon-search {
color: #222!important;
}
}

Thanks!

Hi,

1. There isn’t an ideal image size(aspect ratio) so it can look good on all thumbs, also depends which blocks/modules that you use and you have to do some tests and see what aspect ratio to use as. On post style 3 the image is cropped at 1068x0 as you can see here – http://screencast.com/t/RRMdhh6Fa so there is a specified width but it takes the image’s default height. You could read more about the featured image size here (it’s from Newsmag documentation but the principles are the same) – https://forum.tagdiv.com/image-size/

2. You have this issue with the featured image because of this css min-height(this css is added in case that is not used a featured image on this template, so the post title will not disappear). You can fix this using this custom css in Theme Panel > Custom Css – http://screencast.com/t/semPWvQDCw

@media (max-width: 767px) {
.td-post-template-3 .td-post-header-holder {
min-height: inherit !important;
}
}

Thanks!

Hi,

All theme style is in style.css file, so if you want to change the header style you will have to search for header, also there is a general css for header and for each style. If you don’t know how to change it I suggest to get a freelancer so do this for you as we cannot provide custom work, sorry!

Thanks!