Search Results for 'header'

Hi,

To remove the gradient in Header style 12 enter this code in Theme panel->Custom Css

.td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after {
display: none;
}

Result with code added – http://screencast.com/t/ZAlMgKfma36

Thanks

You can try it like so:
http://screencast.com/t/oAYWu4O41t
#td-header-menu{
box-shadow: 10px 10px 5px #888888;
}
Thanks

Hello,

You can remove the gradient if you like using this code:
.page .td-post-template-8 .td-post-header{
background-color:transparent!important;
}
.page .td-image-gradient-style8:after{
display:none!important;
}

And maybe a bit of a shadow to the text:
.page .td-post-template-8 .td-post-title{
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
You can add the code in the theme panel ->custom css box.

I hope his helps
Thanks

Hello njtechreviews,

Where do you have two headers on your website? I have inspected it and I did not saw two headers, sorry -> http://screencast.com/t/USeJDaG5 Also, I have checked it and I saw that you do not have the latest version of it. You have 7.3 version. try to update the theme via FTP method, clear all your caches and check the results. Before these steps, you should make a full backup to your data to be safe.
Also, if is not what you mean, please provide more details about your problem so I will be able to provide a more accurate response.

Thanks for the message!

Hi,

This code will make the menu text colored on hover, enter it in Theme panel->Custom Css (you can set a color name or hex of your choosing)

.td-header-style-1 .sf-menu > li > a:hover {
color: #4db2ec;
}

This code is for an active menu (the one you are on) enter it only if you want

.current-menu-item a {
color: #4db2ec!important;
}

Please tell me if this ok for you
Thanks

Hi,

The simpler way of doing this is to disable your top bar – http://screencast.com/t/ggyNKsKl and add the menu you want to the main header menu – http://screencast.com/t/9D2jzEdy
Additionally you can choose from 12 different header styles the one you want – https://forum.tagdiv.com/header-styles/

Thanks

Hi,

1. You can set create and set you own header menu in Appearance->Menus – http://screencast.com/t/ThrYVF7bpf
2/3. You can change the Youtube playlist title and the Block titles by opening your page in Visual Composer – http://screencast.com/t/cdGNt6MIR4 – http://screencast.com/t/8y8oAeKsYtc There you can see all the blocks that form your page and by editing them you can change their title and content – http://screencast.com/t/QuRFw3CcWW – http://screencast.com/t/xzGo9b2PQ1

Thanks

Hello DaneOLeary,

Try the code below ->

.td-header-sp-top-widget .td-social-icon-wrap .td-icon-instagram:hover {
color: green!important;
}

The result is here -> http://screencast.com/t/XLZXJgXOFj3U

Thanks.

Hi,

Enter this code in Theme panel->Custom Css (it works for the default non-modified header style 1 menu – removes the active menu item bottom border and sets a hover color for the menu text) but it would be much easier if you could provide a link so i can inspect your site

.td-header-style-1 .sf-menu > li > a:after {
height: 0;
}
.td-header-style-1 .sf-menu > li > a:hover {
color: #4db2ec;
}

Thanks

Hi,

You can insert an ad above the category header by editing the coresponding category style you are using (in your case category template 8) – http://screencast.com/t/fURElqQw and adding the ad do_shortcode for a custom ad just below the php tag like this – http://screencast.com/t/GtNsqsK2jFU3

echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');

Result – http://screencast.com/t/1Mtqyh2gS8
Make sure you have an ad placed in the custom ad your are using from Theme panel->Ads

If you want to put an image as background in the category header you could use this code, changing the image to what you want but making it a link would require further custom work

.td-category-header {
background-image: url("http://wallsdesk.com/wp-content/uploads/2016/11/Dubai-Photos.jpg");
}

Result – http://screencast.com/t/iIZLEYRN

Thanks

Hello,
There are 3 header styles that will show the logo in the size you upload it in without alterint it’s size. These are header styles 9, 10 and 11. Please use one of these 3 styles if you want a big logo .
Thank you!

Hi,

1) You will have to change your mobile logo though as you have a logo set for mobiles in the mobile theme section of the theme panel that does not exist. Here is your logo url:
http://www.hotcupofbeauty.com/wp-content/uploads/2016/12/Header-Waterlily-lower-case1-resized-300×100.png
It provides a 404. Please change your mobile logo.

2) You can use this code to remove the mobile sub-footer:
.td-sub-footer-container{
display:none!important
}

Thank you!

Hi,

The first part of the code with the page id does not apply because your page id is different – http://screencast.com/t/k84PD09H you should edit it so it looks like this (it will apply only for that page id) and the white space will dissapear

.page-id-3104 .td-header-style-1 {
display: none;
}

Result – http://screencast.com/t/pWXCrn7hwvM Please let me know if this does not work for you.
Thanks

Well our theme also has a header.php as the other themes as well so you could give it a shot. Here is another refference if you want to try it.
http://stackoverflow.com/questions/9441557/how-to-increase-browser-zoom-level-on-page-load

Thanks.

Hi,

Enter this code in Theme panel->Custom Css

.td-post-template-3 .td-post-header .entry-title {
margin-bottom: -30px;
}

Result – http://screencast.com/t/ylZrn3VGqZOp
You can edit the margin-bottom as you like
Thanks