Search Results for 'css'

Hello,
1) You can hide the space with css but now your logo will need adjusting. Please use this code for both:

.td-header-top-menu{
display:none!important;
}
@media (min-width: 1141px){
.td-header-sp-logo img{
bottom: 48px;
}}
@media (min-width: 1018px) and (max-width: 1141px){
.td-header-sp-logo img{
bottom: 28px;
}}
@media (max-width: 1141px){
.td-header-sp-logo img{
bottom: 28px;
}}


2) Use this code:

.menu-item:hover{
background-color:#fa4b2a;
}
.menu-item:hover a{
color:white;
}

3) Unfortunately the big grid relies on a fixed width/size in order to display properly. If you change the size of the grid it will not work as expected anymore. It is never a good idea to change element sizes as it will affect other parts of the layout as well. You can change the height if you want by using this code:
.td_block_big_grid_4 .td-module-thumb {
height: 300px;
}

4) I could not find any ‘—‘ in the article exceprt. Please provide more details.

5)Use this code:
.td_module_14 .td-module-meta-info{
bottom:-60px!important;
}

I hope this helps.
Thank you!

Hello,
you can do it by altering the theme files. There is no other way except hard-coding it.
You need to edit td_module_14.php and change a few things. You need to move the category code under the image code and place it inside a div so you can target it with css for positioning
http://screencast.com/t/de3pcIdFY
Then you can use css to adjust the position:
.category-custom{
position:absolute;
bottom:105px;
left:10px;
z-index:999;
Thank you!

Hello Arafat,

Please try the code below and place it in Theme panel->Custom Csss area.

.comments .block-title {
border-color: red;
}
.block-title > span {
background-color: red;
}

You should change the red value with your value.

The result you should see here: http://screencast.com/t/f4KIrkJ5

Thank you for the message!

Hello,
Please check the custom css you already have in the theme panel. Many of these types of problems come from an open css tag or other css syntax errors.
Thank you!

Hello Arafat,

I’ve tested you both link of your sites and I saw the problem with your alignment of category tag. Please make you sure that you insert in the correct place the snippet of code in the same way as I showed you.

Please try to use the code below to fix the position category tag on the mobile version. Place the code in Theme panel->Custom Css area.

@media (max-width: 767px){
.td-category {
float:left;
}
}

The result you should see here: http://screencast.com/t/65qomaJpjFaV

Hope this helps and let us know how it goes!

Thank you for the message!

Hello Albert,

Unfortunately, it is possible when you enable all your plugins, errors occur again. In fact, there is a conflicting plugin. We recommend using only the tested plugins, as you can see in this screenshot http://screencast.com/t/3XkYOUwpe . WP super caches is a tested plugin, but this will may create a conflict with another untested plugins as you are used. The only option for you would be to search for other plugins to do the same thing but not to cause errors in the theme.

When you are using many types of size in theme, the speed of website will slow down because the theme has to be loaded more details and is required more time. You may use the all the fonts as default with just two styles as you said above…the problem with “slow down” appears when you use more than 2,3,4,…10 style.

Our theme are using h3 tag to display article titles. If you want to change the size of this, you have to use a bit of Css, like this:

.home h3 {
font-size: 20px!important;
}


The result you should see here:http://screencast.com/t/k7Mr296li

Hope this helps and let us know how it goes!

Thank you for your understanding and sorry for the inconvenience!

Hello,

Unfortunately you cannot replicate the current site with just the theme settings. It could be done but with custom work. If you know your way around php and css you can do it. Maybe you can find a few plugins to help out as well. Unfortunately there are features in the site we do not have options for. The header will be the hardest to replicate.
So if you start this project we can only help out so much, as custom work falls beyond what support can offer you.

Good luck on your project and best of wishes!
Bogdan.

Hello Mecburlar,

If you want to change the background-color, you should use the code below and place it in Theme panel->Custom Css area and if you want to change the color of the ajax filter, please check the block background-color from Block settings from Visual Composer, like this: http://screencast.com/t/XXNW2L4n1woz

.td-main-content-wrap.td-main-page-wrap{
background-color: green;
}

The result you should see here: http://screencast.com/t/NB9yqRauS

If is not what you want, please provide more details about this problem, so I can be able to provide a more accurate response.

Hope this helps and let us know how it goes!

Thank you for the message!

Hello dirceufc,

Unfortunately, our theme does not have a setting to deactivate this feature from Theme panel. To achieve this, it is necessary to use a bit of Css to hide it. Please try the code below and place it in Theme panel->Custom Css area like this: http://screencast.com/t/sHIMkwhG

.td-wrapper-pulldown-filter {
display:none;
}

The result you should see here: http://screencast.com/t/yZnSGqZto31

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,
The header and footer are full width by default if no background color or image is set. This causes the theme to go into boxed mode and then limit the header and footer in order to display the background. http://screencast.com/t/ADxbMXpHNPkM
If you wish to keep this aspect, then you need to remove any background image or color and then set them with css, not from the theme panel.
Thank you!

Hello,

You can remove any thumbnail with css. For example on a block 8 you would use this code:

.td_block_8 .td-module-thumb{
display:none
}

You can then edit the particular block from the theme files and make it display time instead of date. You will have to edit the particular module the block you want uses. You can see a list of what module each block uses here: http://screencast.com/t/m6RuXVKut
Block 8 uses module 7 so we need to edit module 7 like so:
http://screencast.com/t/fvwfLBg5xS

<?php the_modified_time('G:i'); ?>

Thank you!

Hello Arafat,

If you want to move your category tag before author name, you have to alter loop template that correspond on what single template is used. Below you find the part of code that you should to move to achieve as you wish. Please follow the steps from the screenshot and fix the problem, like this: http://screencast.com/t/wXjfCMEBY

<?php echo $td_mod_single->get_category(); ?>

After these changes, it is neccesary to use a bit of Css to align the tags, like this:

.td-category {
float:left;
}

The result you should see here: http://screencast.com/t/0jorP4yvz7KN

Hope this helps and let us know how it goes!

Thank you for the message!

Hello listsy,

Unfortunately, our theme does not have option to deactivate this feature from Theme panel. You can hide it if you are using a bit of Css. Please try the code below and place it in Theme panel->Custom Css area, like this:
http://screencast.com/t/QrXOwZZ5z

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

The result you should see here: http://screencast.com/t/3DYsn5sGP0m

Hope this helps and let us know how it goes!

Thank you for the message!