Search Results for 'css'

Hello !

That can be achieved by adding an extra class and hiding / showing the element using CSS. As you can see here I have added a flex block but you can use any element, added the weekend extra class: https://www.screencast.com/t/jhxUUGEG6ow ; And using this code I can hide it or show it whenever I want:
https://www.screencast.com/t/AAtH03H7JKs

The code is: .weekend {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

When you want to hide it simply set the class to none and when you want to display it set it to block

Thank you !

Hi,
Then you can add an ad per each device using a custom css, for example :
@media screen and (min-width: 1400px) {
<div style="width: 700px; height: 400px;">
<!-- your add -->
</div>
}
and
@media screen and (max-width: 900px) and (min-width: 600px) {
<div style="width: 400px; height: 700px;">
<!-- your add -->
</div>
}
You can set this code here in ad box -> https://i.imgur.com/JQ09xDJ.png

Hope this will help you better!
Thank you!

Hello !

In order to adjust page width you have to select every row of your page using the tagDiv Composer and then set the stretch mode you want like here : https://www.screencast.com/t/BkWwdHh6

In order to make the post page full width you will have to add a single post template and then edit it. Check more about how to have single post template here: https://tagdiv.com/customize-articles-with-single-post-templates/ And for the header you can do it here: https://www.screencast.com/t/xf56tQN0.

These are the ways you can increase your page width from theme options. Anything above this will require custom code which is not covered by the support team.

For the sidebar you can create and edit it using the CSS tab as you can see here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=13s

Thank you !

Hi,

Unfortunately in exact the same way you display it is possible only with custom work and changes.
Unfortunately I think that the Linkedin need to be set manually in theme templates.
For example the date can be display withe time, for this you can use this WordPress guide: -> https://wordpress.org/support/article/formatting-date-and-time/ the settings for date need to be set in -> https://i.imgur.com/rjY6WB0.png -> https://i.imgur.com/wKwDSVN.png -> https://i.imgur.com/kGpyy2C.png -> https://i.imgur.com/NY9swxL.png
To display the category in line with date time, you need to edit the single post you are using:
– if is the default one edit this file -> wp-content/plugins/td-composer/legacy/Newsmag/loop-single.php
– if is a post template from 1 to 8 edit these files -> wp-content/plugins/td-composer/legacy/Newsmag/parts/single
What you need to do is to more the category function after meta info -> https://i.imgur.com/iQgicIb.png -> https://i.imgur.com/bxGUEQp.png after that add this custom css in theme panel to make the elements to be inline -> https://i.imgur.com/fLp8FTA.png also these files can be set in a child theme -> https://forum.tagdiv.com/the-child-theme-support-tutorial/ in this your changes will not be lost when the update will be made.

Thank you!

Hi,

1. There is no need to make other pages, all you need to do is to create a category and assign to this category posts.
All categories are using templates. You can use standard templates -> https://forum.tagdiv.com/default-category-settings/ or cloud templates -> https://tagdiv.com/what-is-the-cloud-library/ (cloud templates can be edited with tagDiv Composer)-> https://i.imgur.com/vxN8vG1.png -> https://i.imgur.com/XBAi1be.jpg -> https://i.imgur.com/JvUnlLV.jpg
a) yes, on homepage you can display the articles from all categories.
b) yes, the category page will display only the articles that has assigned that category or are part from a subcategory from main category.
c) the featured category is just a filter that can be use to filter and order the articles, but if you are using standard templates and assign to one post this category, it will be hide(you can do this for any category using a custom css), you can check more in our guide from here -> https://forum.tagdiv.com/featured-posts-2/
d) yes, an article can be part from as many categories you want, there is no limit or restriction.

2. If you are using cloud templates, please try like this -> https://i.imgur.com/XRj95Ae.jpg check if the logo is not set in a small column or inner column from row or inner row -> https://i.imgur.com/JBuAaxN.png in my can I have two option, to change to another layout or change the width in css tab -> https://i.imgur.com/lBVEdr9.jpg after that just change the logo with from here -> https://i.imgur.com/gq3GmWH.jpg or -> https://i.imgur.com/Vf4i9yG.jpg

3. Unfortunately on standard footer template you can not add a link on the About us title, you can add html link only inside the box for that section -> https://i.imgur.com/j4r9Ko8.png ->https://i.imgur.com/xPtwrMa.png or you can use a footer template and and set a custom html in title text area -> https://i.imgur.com/qGz6I7v.png

4. That is big grid full 4 and is made to look like that with a custom css -> https://i.imgur.com/f8lQNIW.jpg but if you installed this demo, then your posts should be already display in this grid on homepage.

5. That is the mega menu with sub-categories, you can create one using our guide from here -> https://forum.tagdiv.com/mega-menu/

6. As long as these block do not have set a filer per category, will be auto populate, but if you want, you can edit the elements that you do not like or you want to display other type of category or sort -> https://forum.tagdiv.com/block-settings-guide/

Hope this will help you!
Thank you!

Hi,

You can do this using tagDiv Composer and in Style tab set the lowercase -> https://i.imgur.com/UjXSZMF.png or with a custom css -> https://i.imgur.com/boN3bVJ.jpg
.td-post-date {
text-transform: lowercase;
}

Thank you!

Hi,

There are only two solutions, you can use a custom css to hide the page title and let only the breadcrumbs or you can change the code from theme in wp-content/plugins/td-cloud-library/shortcodes/common/tdb_breadcrumbs.php add this code
$buffy .= td_page_generator::get_page_breadcrumbs(get_the_title()); and comment this one -> https://i.imgur.com/d0JXjS3.png in this way when you’ll add the breadcrumbs element it will look like this -> https://i.imgur.com/IwF83Rs.png -> https://i.imgur.com/oFneUqp.png

Hope this will help you!

Hello !

Please use this css code: .td_block_fancy_text .tdm-fancy-title2{
text-shadow: 2px 8px 27px rgba(0,0,0,.5);
}

If you want to edit your shadow edit this number: https://www.screencast.com/t/JT5Ak8ymg

Thank you !

Hello !

Please use this css code: .td-main-page-wrap {
padding:0;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,

You can try this custom css ->
.ofkmEdaoFaxh p {
line-height: 1.5;
}

Hope it will help you!

Hello !

Please use this css code: .td-module-comments {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,

If you are using a cloud header you can make the menu sticky from website manager -> https://i.imgur.com/Wxw7fVm.jpg if you are using a standard header style, use the settings from theme panel -> https://i.imgur.com/Kes35H4.png

For ads, as long you use the responsive version, the settings made with tagDiv Composer will work -> https://i.imgur.com/uhF328t.png also on this https://prnt.sc/u3hx8byou have set the ad only on mobile menu that is different form the rest of theme, therefore there is no need to extra html tags.

As for amp that is because you try to enable it on cloud template, this will be enable on post, pages and other settings that you can check here -> https://i.imgur.com/h55QHdp.png (but for the moment the cloud templates can not be use as amp, for the moment is use the mobile theme for amp).

Is look that you set an inline css in your code -> https://i.imgur.com/5BtoKb4.png if you remove that padding-left: 40px!important; the banner will be display like this -> https://i.imgur.com/ZDGrwdr.png

Thank you!

Hi,

How to add an icon in menu -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
You can use the font awesome but you need to include the link from ( https://www.screencast.com/t/BWblCnaNfbyx ) https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css in Newspaper>Theme panel> Analytics/js codes section header
https://www.screencast.com/t/PIfdBMFUdAi

Now from https://fontawesome.com/icons?d=gallery&s=regular you can get the icons ( https://www.screencast.com/t/LrzLKmgn ) and set in your text/menus.
In menus: https://www.screencast.com/t/SNn3t06pW
https://www.screencast.com/t/Wu07KHDZzU

In column text : https://www.screencast.com/t/t4DmszZsgcXB
If there is still a problem, let me know!

Thank you for your understanding.

Hi,

Please try this custom css -> https://i.imgur.com/sym8x2q.png
.recentcomments .comment-author-link, .recentcomments .comment-author-link a {
pointer-events: none;
}
Hope it will help you!