Search Results for 'header'

Hello,

You can change the post title color from the theme panel: http://screencast.com/t/UrPQT0OW
If you want to target just a specific post template you can do it with CSS:
.td-post-template-7 .td-post-header .entry-title{
color:red;
}

Thank you!

Hi,

At the moment these are the only options for the mobile menu. In a future update we hope to implement a number of options for the mobile version. What you can do is make the top-menu appear above the main menu, but again it will need custom work to display properly. Not all options from the top menu will fit.
As an example:
http://screencast.com/t/PL9o8rRCN6N6
code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;}
.td-header-sp-top-menu{
display:block!important;
}

You can then hide elements you do not want with the ‘display:none’ property.

Thanks.

Hello,
Unfortunately there is no option to upload a second logo to the sticky menu. You will need custom modifications to do that.
You can on the other hand more easily style it with CSS:
As a suggestion, you can add a white background color to the logo and you can position it a bit lower and maybe add a rounded border to it if you like, something like: http://screencast.com/t/IVIePZFm

@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 48px !important;
background-color: white;
margin-top: 20%;
border: 1px solid white;
border-radius: 10px;
}}


Or another option is to edit your logo in photoshop (or other editing software) and add a white outline to the content so it will be visible on similar color backgrounds.

I hope this helps.
Thanks.

Hi @Aditya,

To solve your problem, please try the modification in header-style-11.php, like that:
http://screencast.com/t/6FUlkwGD2Fhn

If you want to adjust the space border below the banner ad, please try this custom CSS to fix it:

.td-header-style-11 .td-header-sp-logo {
padding-bottom: 20px;
}

Thanks.

Hi,

If you alter the logo css you will have to adjust also the header ad css, you can try this custom css I guess it should fix it if I understood we your issue – http://screencast.com/t/xOcKhWFc

@media (min-width: 1200px) {
.td-header-bg .td-a-rec-id-header {
left: 0 !important;
}
}

I see that you use a very old version of the theme and I suggest to upgrade to the latest version when you have time, as you could have some issues/conflicts with plugins that you use or theme’s plugins.

Thanks!

Hello,

Unfortunately there is no option to change the header style on a different viewport.

You can use this custom CSS to display the small logo on the mobile version of your site:
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block!important;}}

Now your logo should show up as expected.
Thank you.

Hi
Thanks @Cosmin Tataru for your answer!

@blandRepublic, also you can try this code below within Theme panel->CUSTOM CSS area like that: http://screencast.com/t/VSn4x9zlB0I

.td-header-style-10 .td-logo-wrap-full {
margin-bottom: -40px;
}

The result can be seen here: http://screencast.com/t/3rD1tr8fyD

Thanks!

Hi,

I have checked your site and you don’t have any background(color/image) and your site is full screen(header and footer) – http://screencast.com/t/96YItdFPK7fU

Thanks!

Hi,

The code i provided removes the bottom border and changes the background color for the ad container.
The theme was not built to support big logos to cover the containers like that. The recommended logo dimensions are these: http://screencast.com/t/wRIpx7CxBGJV. In order to make the logo fit on mobile phone you can make a smaller logo and add it as a background image to the container in the mobile version.
You will need a bit of css knowledge to get it done.
As an example:

@media (max-width: 767px){
.td-header-style-10 .td-header-sp-logo {
background-image: url("your image url");
}
.td-header-style-10 .td-header-sp-logo img{
display:none
}}

It will need further customization to fit properly though

Thanks

Hi @byothe,

First custom CSS is for color of the boxes (“REVIEW OVERVIEW” & SUMMARY”): http://screencast.com/t/xHInUkfh645X
.td-review-header .block-title {
background-color: blue;
}
.td-review-summary .block-title {
background-color: red;
}

and the second custom CSS is for color of the review stars displayed in modules and block: http://screencast.com/t/pfRROghA

.td-icon-star, .td-icon-star-empty, .td-icon-star-half {
color:red;
}

Thanks.