Search Results for 'css'

Hi,

1) In order to get rid of the margin, you can use a bit of css:

.home .td-a-rec-id-custom_ad_1 > div, .home .td-a-rec-id-custom_ad_2 > div, .home .td-a-rec-id-custom_ad_3 > div, .home  .td-a-rec-id-custom_ad_4 > div, .home .td-a-rec-id-custom_ad_5 > div{
margin-bottom:0!important
}

2) In order to limit the width of the ad on the category pages and remove the spacing and title/breadcrumb you can use this code:

.category .g-single{
width: 1068px!important;
}
.category .td-a-rec-id-custom_ad_1 > div{
margin-bottom:0!important;
}
.category .td-crumb-container{
display:none!important;
}
.category .td-category-pulldown-filter{
display:none!important;
}
.category .td-category-header .td-page-title{
display:none;
}
.category .td-category-header{
padding-bottom:0!important;
}

3) In order to get the post ad above the content and the sidebar, you will need to edit the theme files and use a do_shortcode function inside the post template you want the ad to be displayed in. For example you can use a theme custom ad 1 spot and add this shortode in each of the loop files coresponding to the post styles you use:
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
Ad this code to the very top of the loop file like so:
http://screencast.com/t/76hTfIICn6kS
Make sure you have an ad placed in custom ad 1 .

I hope this helps.
Thank you for your message!

Hello,

I understand your request now, You can change the gradient colors using css and if you want a white gradient you can can use this code:

.td-big-grid-wrapper .td-module-thumb a:last-child:before{
background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.7) 100%);
}

This will be the initial result: http://screencast.com/t/TI94kQA0cwh
You can change the 2 colors in the code for different results. You can use the color selector here to pick the color and transparency: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

I hope this helps.
Thank you!

Hello,
In order to provide the help you need, we will need a link to your website so we can inspect it and provide the css code necessary.
Thank you!

Hello Woozoo,

1)Please ensure that you use the full image size when you add your image like this -> http://screencast.com/t/nAWzXa4vz and if you want to be bigger, you have to use a bit of CSS to increase the width or height for each image. Below I gave you an example for a featured image from default post template.

.td-post-template-default .td-post-featured-image img {
width: 900px;
height: 400px;
}

2) If you want to reduce that vertical space, you have to decrease the width of the td-outer-wrap container. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-boxed-layout #td-outer-wrap {
width: 1116px;
}

The result -> http://screencast.com/t/0T2gpO9V

If is not what you mean, please provide more details about your desired changes.

Thank you for the message!

Hello Snaru,

If you want to hide this feature, please try the code below and add it in Theme panel->Cusotm CSS area.

The code is ->

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

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello jaafuli1992,

If you want to add the border for each image in posts, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.single img {
border:1px solid black;
}

Hope this helps!

If is not what you mean, please provide more details.

Thank you for the message!

Hello libtetto,

If you want to remove that line, please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-header-gradient:before {
content: none;
}

The result -> http://screencast.com/t/q8jWelG3oe

Thank you for the message!

Hello salimnazer,

This kind of error appears because you try to rule the script and this is not available because you have already the Newspaper 6.3.2 and this script is available only if you have version 4 and you have to update to version 6.

Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.

All your customization are recorded in the database which is not affected by this update.

Hope this helps and let us know how it goes!

Thank you for the message and thank you for purchasing our theme.

Hello aslam,

If you want to get rid of this feature, you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel-> Custom CSS area.

The code is ->

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

If is not what you mean and if you need more assistance in this regard, please provide more details about your desired changes and also provide your website URL so I can further inspect it.

Thank you for the message!

Hi,

It can be done with a bit of css. It will cause the image to be cut off so another piece of code is required to adjust the image to the new height:
.td-post-template-6 .td-post-header{
height: 530px!important;
}
.td-post-template-6 .td-stretch-width{
transform: translate3d(-50%, -100px, 0px) scale(1.12, 1.12)!important;
}

In the translate3d part of the code you can see the -100 value. This controlls the vertical position of the image. you can adjust this to your preference.

I hope this helps.
Thank you!