Search Results for 'css'

Hello Howard,

Unfortunately we do not know what plugin you use but it is clearly not working as expected. As you know by now, we have not tested social plugins with our theme as we have our own social counter and icons. You will have to either use CSS to adjust the styling or find another plugin that works. Not all of them work with our theme 100%.
You will have to use a bit of trial and error to find one that works out for you.

Thank you!

Hi azazelka,

1)Unfortunately, our theme does not have an option for your first request. As an alternative for you, would be to use a plugin when do this thing for you. You could try to find a plugin but we cannot assure it will work because we have not tested these plugin. For instance, you should try this: https://wordpress.org/plugins/registered-users-only/ .

2)As i can see on your site, you are using header style 7. If you look on our demo preview, that white space is found there, because this is the style of this kind of header. If you do not want to have these white space, i will suggest to use other header style, (style 8 for example) like this: https://forum.tagdiv.com/header-styles/ .
If you want to modify this header style it is necessary to know a bit of CSS and HTML. You have to modify header-style-7.php file like that: http://screencast.com/t/RqVdNXwM4e . This is not a simply task and this required some customization. If you do not aware about the steps, please consider to hire a developer to do this for you.

Thank you for your understanding and let us know how it goes!

I hope this helps!

Hi,

1) You can use smart list 7 to get the desired effect. It has buttons on top and bottom of the content and it also has an ad.
You can use this custom css to adjust the size of the buttons:

.td_smart_list_7 .td-smart-list-pagination{
position: relative!important;
}
.td_smart_list_7 .td-smart-list-pagination .td-smart-list-button{
line-height:50px!important;
}
.td_smart_list_7 .td-smart-list-button{
padding: 11px 149px;!important;
}

result:http://screencast.com/t/hlU9hmaHVOx

2) What ads are you talking about? Which one?
The smart list i suggested has an ad positioned on top of the image. You can edit the code and move to the bottom if you wish.You can do it like this: http://screencast.com/t/ZiSzEWfqS

Let us know if this is not what you mean
Thank you!

Hello,

If you do not want to change the css for the gallery, but change the code completely you will have to edit the theme core files. The code you mentioned is created here: http://screencast.com/t/K5JUh3v1. As you can see it is not HTML you can simply edit and delete the classes unfortunately. It’s all PHP coded. You will need to change this whole gallery code in order to get the result you want. Unfortunately I cannot provide an easy solution for this.

Tank you.

Hi,

If you want the first thing on the page to be the image, then you need to add your code in the category template files: http://screencast.com/t/Jhqe3L6t

<?php echo do_shortcode('[vc_row][vc_column][vc_single_image image="223" img_size="full" css=".vc_custom_1447858280464{padding-top: 20px !important;padding-bottom: 20px !important;}"][/vc_column][/vc_row]');?>

I just added a few more option to the image in visual composer like full size and padding.
Place it like so: http://screencast.com/t/gH5GgPEb
Just be advised that this will generate the same image on every category that uses this template.

result: http://screencast.com/t/jNBgRk8D

Thanks

• This reply was modified 10 years by Bogdan B..

Hello,

Please provide a link to your website and point out which categories you will want removed from the menu .It can be done use css to do it but i need to inspect the menu in order to create the css code.

Thank you!

Hello,

You will need to copy the code from td_module_single_base.php and paste it in td_module.php and place it somewhere it does not affect other code, like for example here: http://screencast.com/t/CafGhKBymhz,
Then you need to edit td_module_8.php and add the line like in this screenshot: http://screencast.com/t/koCkDeey
<?php echo $this->get_views(); ?>
You can then use the css from above in the theme panel->custom css box for positioning.

I hope this helps!
Thanks.

Hello,

Unfortunately your iframe was not made to be responsive: http://screencast.com/t/a9yn4dRtweq – http://screencast.com/t/xRsgIbpcn5Su
If a fixed width is specified, it will stay fixed on mobile as well. You will have to make the change at your end because an iframe cannot be targeted with custom css. You will have to change the code for the iframe and set the width to percentage instead of fixed. You can use a width of 100%, then it will become responsive.

Thank you!

Hello,
I have checked your website and it seems your pages looses all their styling. Please disable all your pl;ugins except visual composer and revert all minifications css and js. Also clear your cache and purge CDN files if you use it.
Let us know how it goes.
Thank you!

Hi,

The category function for modules was not designed like the function used on posts and it will not take the color for category that you set in Theme Panel > Categories > each category. You will need custom modifications for this and unfortunately we cannot provide custom work at this time. The primary category on modules has a specific css and a background color, so you can change it, but you will have the same color on all blocks/modules – http://screencast.com/t/mYcL44DMPO If you want to do this you can change it using this custom css in Theme Panel > Custom Css:

.td-post-category {
background-color: #192399;
}

Regarding the hover color, it will have the theme accent color that you set in Theme Panel > Theme Colors(by default is blue) – http://screencast.com/t/76FAYGPfnqy2 – http://screencast.com/t/yqrVj7PolZ58 Or if you set a background color for block title(like on your homepage) it will take the same color on hover – http://screencast.com/t/6gEY6V4yGa

Thanks!

Hello

1) I do not understand how you want it to move with the content. It did that before modifying it.If you want your background to move with the content, that means a sticky background, exactly as it was before.
If you want to multiply the image you will have to alter the theme files and change the jquerry code here: http://screencast.com/t/v7FUwSFORNHR.

2) There is no setting to adjust the width and height of the block elements. It can be done with css but we do not recommend this as it will break the site layout.Your best bet is to use them in their default state and use bigger images or use the thumbnail upscale plugin to stretch your images to fit the containers. (the theme crops images but does not enlarge them)

3)You can follow this topic to see how one of our helpful users got it working. He even created a tutorial for it: https://forum.tagdiv.com/topic/google-custom-search-integration-to-newspaper/

Thank you!

Hello,
In header style 4 in order to change the size of the menu a bunch of properties will have to be changed.
Use this custom css to get it done:
.td-header-menu-wrap-full{
height:40px!important;
}
#td-header-menu{
min-height: 40px!important;
}
.sf-menu > li > a{
line-height: 40px!important;
}
.td-main-menu-logo{
height:40px!important;
}

Place it in the theme panel->custom css box. As for the logo, you can hide it with css and then use font awesome to insert text symbols in the menu if you want.

I hope this helps
Thank you!

Hello,
I created the code on my top bar and it works at my end. Maybe you have some css for the top bar that does has a higher priority. You can use the !important attribute to make the css higher in priority. use it like so:

.td-header-top-menu{
font-size: 13px!important;
height: 60px!important;
}
.td-social-icon-wrap .td-icon-font{
font-size: 13px!important;
line-height:50px!important;
}
.td-header-sp-top-menu{
line-height:50px!important;
}
If it still does not work, please provide a link to your website so i can inspect it.
Thank you!

Hello,

Not all blocks use the full size image on the 1 column layout. For some blocks this decision was made to use css and rescale the image instead of using a thumbnail. These blocks are block 11, 15, 18 and 21 (on the one column version). We are aware of this and it is on our list of updates. Until we can change this behavior in a future update, you could alternatively use another block to display your content or you can edit the theme files and change the module used for block 18 – http://screencast.com/t/nDVQgA4Yp

Thank you for your understanding.