Search Results for 'css'

Hello mystudent,

If you want to bring your theme to the black version layout, please notice that is not a simple task and require a lot of additional customization through code that involves custom work. I suggest you to install the Black Version without content and you will bring that layout. As a hint, all the custom CSS code from this version you will find here -> http://screencast.com/t/NPxxvKuuogI You can try to copy/paste this code on your style.css but please notice that it require doing some additional customizations in order to achieve best results. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because it is not a simple task and we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello Jose,

Please notice that your page speed will be decreased because another resource will be added and this thing affects the page speed. Using the Background feature from the Theme panel, keep in mind that some js functions will be applied to stretch your background for a good result and that’s why your speed page will drop. With a CSS it is not a simple task to achieve as you want and also, to bring better results.

Thanks for your understanding!

Hello Birbo,

In order to remove more from author you can use 2 methods:
The css method:

.td_block_related_posts .td-related-right {
display:none;
}


or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

I hope this helps.

Thank you!

Hello shackonline,

All the CSS code of the theme is located in style.css core file. If you want to edit it, you will have to do only from this file, like this -> http://screencast.com/t/otibrJcrDK
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hi,
There is no setting to activate it on mobile, but you can use this css:
@media (max-width: 767px){
.td-scroll-up {
display: block!important;
}
Thank you!

Hello,
Unfortunately altering the theme width is not recommended. Our theme was built with a fixed layout in mind and all elements depend on the fixed width. If you change the theme width, you will have to adapt every theme element for the new size otherwise the layout will break. You can however reduce the padding on the sides with this css:
.td-boxed-layout #td-outer-wrap{
width: 1090px!important;
}
Thanks.

Hello,
The block titles style is added by the demo you install .the default demo has these title tags: http://demo.tagdiv.com/newspaper/
If you want another style, you can pick another demo. pick one from the list on the right to see how it displays.
For your second question,
The color of the titles can be selected from here: http://screencast.com/t/m5dnpOFAbC
The category tag and the comments can only be targeted with css as there is no color setting for them. Try this code:
.td-post-category, .td-big-grid-meta .td-post-category, .td-module-comments a{
background-color:red;
}
Thanks.

Hi,

Unfortunately I can;t say for sure why this happens as the plugin is not tested. Try the default wp search and see if it picks up your download links. Our live search is the only search option that is theme included. The standard search is the one from WP. If this is an inconvenient, you can disable the live search if you want with a bit of custom css and then only use the WP standard search (pressing the search button)
#td-aj-search{
display:none!important;
}

Thank you!

Hello nishitjariwala,

If you want to add an image to your header style, please notice that you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td-banner-wrap-full{
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1164px 130px;;
}

The result you should see here -> http://screencast.com/t/qdkFC6yW

Thanks for your message!

Hi,

If you want to adapt the code, you have to change the margin based on the viewport. You must check the other 3 versions of the site to see if the thumb positions properly. Those are tablet landscape, tablet portrait and mobile. You can copy the code above in the specific section of the theme panel and adjust the value in the code: http://screencast.com/t/HqL9QkQlkqd

1)You can use the same mothod and change the size from the code here: http://screencast.com/t/ElqNhEf7zFG
And then use thios css:
.td_top_authors img{
max-width:initial!important;
}
.td_top_authors .item-details {
margin-left: 215px!important;
height: 200px!important;
}

2)The social icons use a font icon so increasing the font, weil make them increase in size:
.author-box-wrap .td-author-social .td-icon-font{
font-size:32px!important
}

3)You can use this css: .entry-crumbs, .entry-crumb{
color:red!important
}

4) The crumbs for the author box were not added as links. you can also see this on our demo:http://demo.tagdiv.com/newspaper/author/marius2/
The breadcrumbs for pages, categories or tags are clickable.

5) The author page as the search or category pages, are affected by this option of WP: http://screencast.com/t/10Jifw9KWX6t

Thank you!

Hi,

Unfortunately the td_config file will not work from the child theme so you will have to make this modification in the main theme. There is no update proof method for customizing the theme files. Not even the child theme is update proof.
As for the second question, you can use css to reduce the size of the image. You can post a link to the block in question and I will provide the code for it.

Thanks.

Hello zingolo,

I suppose that you are referring to the appearance of a flash when you enter on your website…firstly is loaded a style and then will appear another style, right? This behaviour appears when you have additional customization through custom CSS code. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results.
Also, please make sure every time you cleared caches.

Hope this helps!

Thanks.