Search Results for 'css'

Hi,
If I understand correctly you desire to change the font (e.g. font-family) this is possible but you need to do it manually .
Try a custom css go in Newspaper > Theme panel > Custom Code > Custom CSS and paste this code
.td_block_text_with_title p {
font-family: Comic Sans MS;
}
don’t forget to save the settings you make.
See results https://www.screencast.com/t/QrP3PiemcP

You can set any css you desire not just the one from my example.

Thank you.

Hi,

@haberler-kim Those are CSS codes, they can be entered in the theme panel sections
– https://www.screencast.com/t/hBBSXfurgqB
If you want to do the same as the user above, you could try these codes and see if they still work for top and bottom ads.
Only the article inline ad has the option to align the ad code
– https://www.screencast.com/t/CevRgWZF

If I misunderstand something please correct me.

Thanks

Hi,

If you have the same problem go back to your WP Dashboard Newspaper > Theme panel > Custom code > Custom Css and paste the code there ( https://www.screencast.com/t/l5sH8YsnawA ).

Thank you.

Hi,

What exactly do you mean you are trying? Are there problems or errors when you install the demo you want? Please mention more details for a better understanding. You simply have to choose a demo and install it, as the guide says.

The demos can be installed with or without content
– https://www.screencast.com/t/tEquKCqP

– If you install a demo with content, the homepage will be provided.

– If you install a demo without content the homepage will not be provided.

But you can copy it from the theme files. For example the City News demo homepage code is here
– https://www.screencast.com/t/BNbWTCEvn
Copy that in a new page, configure it as you want, save it and set it as homepage.
Note that each demo has custom design (CSS), this will only be imported if you install the demo.

It can indeed by fixed with some CSS, but this should not happen. Something is affecting the height of the images, I can’t seem to figure out what exactly. Do you use any custom CSS code for the grid, or maybe used the CSS tab in the composer for it or the containing row?

Your code seems to work. I could give you another fix, remove the min-width and enter this one instead
– https://www.screencast.com/t/jWySjjUst

.td_block_big_grid_7 .td-module-thumb .entry-thumb {
height: 100%;
}

This code produces better results.

Hi,

If you desire to hide the description fro tag please insert this code :
.entry-content{
display: none;
}
in Newspaper > Theme panel > Custom Code > Custom Css

And for tag name in Newspaper > Theme panel > Translate change as you wish.
https://www.screencast.com/t/OlBdkoRM9B7

See the results: https://www.screencast.com/t/5mnFMRlK04u

Thank you.

Hello bgits,

This seems to be particular customization and you should fix it yourself using such a custom CSS code. The theme does not have any such an option for this. As a hint, you should use the Inspector Browser to create your own custom CSS code. Please check here
-> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

hi,

That will happen on low resolution, to resolve your problem you need to add a custom CSS
go in Newspaper > Theme panel > Custom cod >custom css and paste this code there :

@media (max-width: 600px){
.td_block_single_image .tdm-mobile-full{
height: 125px!Important;
}
}

You can change the height and max-width on your desire.
I hope this will help you.

Thank you.

Hello ChampLife,

1)Regarding log-in functionality, our theme uses the default WordPress functionality which requests adding the email first, sorry!
If you want to change the background image for log-in pop-up you need to add a custom CSS code. Try the code below and place it in Theme panel -> Custom CSS area.

.white-popup-block:before {
background-image: url(http://localhost/spitzu/wp-content/uploads/2018/09/2.jpg)!important;
}

2)The only functionality for Sign in/Join in Top Bar can be updated from here -> https://www.screencast.com/t/ZH3NdxlJp

3)This functionality is set up by default. It’s just an WordPress setting. Try to check it with a default theme and check the behavior.

4)Try to remove that plugin and check the results. All of the untested plugins should have to be removed if you want to achieve good theme results.

Thanks for your understanding!

Hi,

For first problem, you can insert a css code in Newspaper > Theme panel > Custom Code > Custom Css and paste this code there:
https://www.screencast.com/t/5ekZEG1Qh
https://www.screencast.com/t/M3wsGSdkJErR

For your second problem if you desire to hide the tags there is an option in Newspaper > Theme panel > Post Settings then deselect Show tags https://www.screencast.com/t/zkUo1txQ2IG or if you change the name tag you can do it from translate part https://www.screencast.com/t/TDcwCbaHzIb

Thank you.

Hi,

So you mean the actual post content? It can be don with CSS, try it like this
– https://www.screencast.com/t/K8Na5OktKB

.single .td-post-content {
background-color: #f9f9fb;
}

It can also be done by designing your own post templates with the cloud library and tagDiv composer
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Example – https://www.screencast.com/t/QiKRNJ8fIlM
There are many beautiful post templates already created by us which you can import (and modify if needed). More will be added. You can also create one entirely (blank template).

Thanks

Hi,

But that would be what the category description is for, to show it in the category page. Maybe I am misunderstanding.

I could give you a code you can try, it should hide all the descriptions for all the category pages

.category .td-category-header .td-category-description {
display: none;
}

You can enter it in the Theme panel->Custom CSS code section.

Thanks

Hello Tibbar,

We know about this bug and we hope to solve it as soon as possible in near future updates. Check the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.tdb_breadcrumbs span:last-child{
pointer-events:none;
}

Thanks.

Hi,

WhatsApp and other mobile socials will only be displayed on mobile. When used on a mobile the mobile WhatsApp application will launch and you can share the post.

If you want this social to appear as a sharing option on desktop as well, you could make it visible with a code like this
– https://www.screencast.com/t/sGA8pfmMuWb

@media (min-width: 767px) {
.td-social-whatsapp {
display: inline-block;
}}

Enter it in Theme panel->Custom CSS section if you want to use it.

Thanks

Hello adamc88,

Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-footer-wrapper div .td_block_template_3 .td-block-title > * {
background-color: red;
}

Thanks for the message!

Hi,

Yes that can be done with some CSS, to do it go back in WP Dashboard Newspaper > Theme panel > Custom code > Custom CSS ( https://www.screencast.com/t/bWV1CQx8HzmN ) and paste this code :

.wp-caption-text{
text-align: center;
}
.td-post-featured-image img{
margin: 0 auto;
}

See results: https://www.screencast.com/t/J1pQEqMY2B1

Thank you.

Hi,

Now I see, you use TagDive Slide Gallery, that’s way the css I give you don’t work, because is not a normally gallery.
Please replace the above CSS code with this one:

.td-gallery-slide-copywrite {
font-size: 16px;
}

Thank you.

Hello ChampLife,

You should try using the code below and place it in Theme panel -> Custom CSS area.

.page-id-4673 .td-ss-main-sidebar{
display:none;
}
.page-id-4673 .td-main-content{
width:100%;
}

The result is here -> https://www.screencast.com/t/lBvrFsLx

Thanks for your understanding!

Hi,

If you wish to add a custom css for all image you can go back in WP dashboard Newspaper > Theme panel > Custom code > Custom CSS and past this code there https://www.screencast.com/t/5I6jnzOKB
.td-post-content img{
width: 100%;
}

For second issue you can try lazy option go in Newspaper > Theme panel > Themplate settings > and expand Image loading – animations (LazyLoad) and activate it https://www.screencast.com/t/Q20lKAZcY

Thank you.