Search Results for 'css'

Hi,

Just add the below css in Newspaper>Theme panel>Custom code> Custom css, and will applay on all devices
https://www.screencast.com/t/jm6Lfdy8CpB
.single-post .post .td_quote_box{
border-color : #dd3333;;
}

Thanks.

Hi,

Please add the below custom css in Newspaper>Theme panel>Custom code>Custom css, the first css will hide the ad from all pots/pages/category, and the second one will display it in post( single ).

.td-a-rec, .td-a-rec-id-header_mob {
display:none;
}
.single .td-a-rec, .post .td-a-rec-id-header_mob {
display: block;
}

https://www.screencast.com/t/nilaaM2wIy
https://www.screencast.com/t/E8sk2f6c

Thank you.

Hi,

Maybe I was not clear first time, you can get a post template from tagDiv Cloud Library and you can edit that template with tagDiv Composer and change it how you want.

Or if you do not want to change the post template, then you’ll need to add some custom css, in order to do that please provide a link to a post with this template, in this way I will be able to provide you the right custom css.

Thank you for your understanding.

Hi,

This code entered in Theme panel->Mobile theme->Custom CSS section will prevent any interaction with the images from the gallery

.td-slide-galery-figure {
pointer-events: none;
}

Please enter it as mentioned and check the results.

Thanks

Hi,

Sorry, there is a mistake, was set a width on the template, we’ll fix it as sun as possible.
In order to fix this problem please click to edit the template with TD Composer, select the column , change to portrait view section css https://www.screencast.com/t/iqcSCjcR and remove the 38% width, and all will look good again.
Sorry for the inconvenience.

Thank you for your understanding.

Hi,

Please try this css
.td-header-menu-wrap .td-container, .tdc-row {
width: 1250px;
}
https://www.screencast.com/t/ZDDwpGywSR

Thanks.

Hi,

If this is want you want https://www.screencast.com/t/X9EdcvyWE just add thsi custom css in Newspaper>theme panel>custom code> custom css
.td-main-page-wrap {
padding-top: 0px;
}

Thanks.

Hi,

The links will first inherit the theme accent color
– https://www.screencast.com/t/1PSfasUB

If you want to keep the accent color, but have the links in a different color, you could set a color while editing the post
– https://www.screencast.com/t/Pr6K0dtu
Or color them all at once with some CSS – https://www.screencast.com/t/7C4cBAeP3n
The code will apply to all the links in the post content

.td-post-content a {
color: yellow;
}

Unless maybe there is additional HTML around the links. I could take a look, please provide a link to the website.

Thanks

Hi,

First please make sure that you have set the role author not editor https://www.screencast.com/t/hlWIG9qpDDly

Paste this css in functions.php
https://www.screencast.com/t/Bt2I6tNA

function wps_get_comment_list_by_user($clauses) {
if (is_admin()) {
global $user_ID, $wpdb;
$clauses['join'] = ", ".$wpdb->base_prefix."posts";
$clauses['where'] .= " AND ".$wpdb->base_prefix."posts.post_author = ".$user_ID." AND ".$wpdb->base_prefix."comments.comment_post_ID = ".$wpdb->base_prefix."posts.ID";
};
return $clauses;
};
if(!current_user_can('edit_others_posts')) {
add_filter('comments_clauses', 'wps_get_comment_list_by_user');
}

https://www.screencast.com/t/ud9TTzDI
Results: https://www.screencast.com/t/bJ1lQyx1PG8D

Thanks.

Hi,

I believe you are referring to the image box using box style 1, that has a darker gradient over the image.

To remove that gradient I could give you a CSS code, which you can enter in the theme panel custom CSS code section.

.td_block_image_box .td-custom-image a:before {
display: none;
}

Before – http://prntscr.com/lknf4v
After – http://prntscr.com/lknfaq

Thanks

Hi,

The easiest way is with css, but if you want and have developer skills, you can try to make a custom archive page that call a custom loop, or even to “hook” a file theme in child, you can try the both way, and see the results.

Thank you for your understanding.

Hi,

In order to remove the feature image from amp you’ll need to coment a line code from amp plugin, in order to do that please o in wp-content>plugins>td-amp>templates>single.php
https://www.screencast.com/t/mFOmSTUQiWwG
https://www.screencast.com/t/35fdMw4a

Please read this topic Where can I locate the AMP CSS style sheet
-> https://forum.tagdiv.com/topic/where-can-i-locate-the-amp-css-style-sheet/

The image from the AMP link to there image depend on the smart list are you using.

Thanks.

• This reply was modified 7 years by Calin.

Hi,

The mobile theme does not feature a lightbox for when the images are touched, only on desktop or when the mobile theme is not active will that be possible.

The mobile theme is made to be as light as possible, it doesn’t have many settings, effects, animations etc. including the lightbox for images. There would be no CSS code that I can provide you for this.
I could give you a code to prevent images from being touched/clicked (no action) if you would want it. Sorry for the inconvenience.

Thanks

Hello,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You need to add some CSS code if you want to make some changes over this section. Use the inspector browser according to our documentation from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

1. Maybe with a plugin that would be possible. With a plugin that can provide a shortcode which you can enter in the cloud post template for example, in a text element next to the post sharing
– https://www.screencast.com/t/9tImhs8CMT

2. For a specific menu item it could be done with some CSS, like in this topic
– https://forum.tagdiv.com/topic/coding-question-editing-the-mega-menu-all-feature-editing-block-pagination/
By using the unique ID of the menu item the code will work only in that case. Example
– https://www.screencast.com/t/QucES7VC2I
Code used in example

.menu-item-XXXX .block-mega-child-cats a:first-child {
display: none;
}

3. So you want to remove the last three options from the pull down filter, something like this will do that
– https://www.screencast.com/t/EpK67GiZyax
Simply enter it in the Theme panel->Custom CSS section, it will affect all category pages.

.category .td-pulldown-filter-list li:nth-last-child(-n+3) {
display: none;
}

4. You can display a video in a theme ad spot if that is what you want. This topic is similar
– https://forum.tagdiv.com/topic/youtube-video-or-self-hosted-video-as-an-ad/

Thanks