Search Results for 'css'

Results from the Forum
Yago88
Participant
#0

Hi!

Easy question:

Im using custom css like this:


@media
(max-width:767px){
.td-post-content h2{
font-size:32px!important;
line-height:40px!important
}
}

For custom fonts and sizes in mobile theme. It works in all post and pages (post-content, page-content) but I dont know what is the key for the front page, is the only one that it doesnt work.

Thanks!

Edward
tagDiv Member

For the front end you can choose the font properties for the quotes in the theme panel
– http://prntscr.com/mk3e90

In order to change that color you’ll need to add a custom css in newspaper>theme panel>custom code>custom css https://www.screencast.com/t/W8AWZGuBejMo
.td-post-content blockquote p{
color: #111;
}

Dreiker
tagDiv Member

Sidenote: I’ve applied a custom CSS to stretch the image and camouflage it while we’re finding a solution:

.td_module_11 .entry-thumb{
width: 324;
height: 185px;
}

Hoteleus
Participant
#0

Hello,

There are some icons that can be used with the Newspapper fort. In the CSS I see this:

.td-icon-search:before {
content: ‘\e80a’
}

I would like to know. How can I look up for the codes and icons of the font?

Greetings,
Eddie

Vincenzo_20
tagDiv Member

Ok, all very clear.
Last question off topic: when I use css display:hidden for row element in td composer, how can I see it again and to select display:show?
I can’t select the row because I don’t see it.

Vincenzo_20
tagDiv Member

reply my mail:
Hello,

The options you show in your second screenshot do not activate or deactivate the sticky menu only for the composer. Not for the website. it is an editor only option.
Both menus and both their sticky versions can be edited separately. If you do not want sticky menus, simply delete all content from the sticky part of the menu: https://www.screencast.com/t/JniEmGHBslgI

Thank you!
Bogdan B

Can I also use css display: hidden?

Calin
tagDiv Staff

Hi,

This comment is a little bit different, those from theme panel show the comments from post, and the one from author page show the comments that author have write.
-> https://www.screencast.com/t/t3AYUJPoxZdX

For author page you need to use a cloud template from tagDiv Cloud Library or us a custom css
-> https://www.screencast.com/t/azp5sVXF3Uv

.author .td-author-counters span:last-child {
display:none;
}

Set the css in Newspaper>Theme panel>Custom code Custom css

You can check the social from here ->https://www.screencast.com/t/NloFAh1A or using tagDiv Composer -> https://www.screencast.com/t/Vq2QewXO -> https://www.screencast.com/t/Lu5k1yWECq

Thank you!

Calin
tagDiv Staff

Hi,

Please set this custom css in Newspaper>Theme panel>Custom code>Custom css and the stars for block 7 will be show in all your website
-> https://www.screencast.com/t/SHhRSXoA

.td_block_7 .td_module_6 .td-module-meta-info {
display: block;
}

Thank you!

Calin
tagDiv Staff

Hi,

Yes, you can set a custom css for smaller title for example from this -> https://www.screencast.com/t/YZbLIZ547Zu in this https://www.screencast.com/t/CfM2RBgxu3V
.td_block_13 .td_module_14 .entry-title {
font-size: 14px;
font-weight: 600;
}

You’ll need to set the above code in Newspaper>Theme panel>Custom code > Advance css section phones -> https://www.screencast.com/t/W3oEVWzh2Kv

Thank you!

Calin
tagDiv Staff

Hi,

Please provide me a link were I can inspect your website footer, in this way I will be able to provide you a custom css that will work .

Thank you!

Calin
tagDiv Staff

Hi,

Yes, you can do that, all you need to do is to set the code in Theme panel>Custom Code> Advance css in section desktop -> https://www.screencast.com/t/xdMYlkdSNO and this code will be apply only on desktop.

Thank you!

stuartmasson
tagDiv Member

Hi Catalin. I regenerated the critical path CSS (in WP Rocket) and that seems to have solved that problem.

Many thanks,

stuart

Catalin
tagDiv Staff

Hi,

I have inspected your website on mobile and I saw that your Header Ad is not right aligned as you can see here -> https://www.screencast.com/t/aep6Zsx4TC As a quick fix, you can try to add the code below and place it in Theme panel -> Cusotm CSS area.

@media (max-width: 767px){
.td-header-sp-rec .adsbygoogle {
margin-left:0!important;
}
}

Unfortunately, we cannot replicate this behaviour. Also, if you want some deeper investigation about this case, you need to send us an email at contact@tagdiv.com with your log-in information (wp-admin) and CPanel access. Before this, you need to make a full backup to your database, disable all of the untested plugins and remove all of the additional customizations to avoid any interferences in the theme.

Thank you!

Calin
tagDiv Staff

Hi,

You want you can use a custom css that do the same thing.
You can try this custom css for color on individual categories
-> https://www.screencast.com/t/hnPXiMEJcLS9

All you need to do is to change the category in code and the background color will apply on that category.

.td-module-image a[href$="/news/"],
.td-meta-info-container a[href$="/news/"]
{
background-color: green;
}
.td-module-image a[href$="/nxt/"],
.td-meta-info-container a[href$="/nxt/"]
{
background-color: blue;
}
.td-module-image a[href$="/wweresults/"],
.td-meta-info-container a[href$="/wweresults/"]
{
background-color: red;
}

Set the custom css in Newspaper>Theme panel>Custom code>Custom css

Thank you!

zedonk
tagDiv Member

Ok, I see.

Is there a way to make the title font on mobile smaller, for just this feed, with some custom CSS?

Wouldn’t that be a way to make the text block smaller as well?

Calin
tagDiv Staff

Hi,

If I understand correctly you want to hide those categories -> https://www.screencast.com/t/gUMl9X40M if is so please add this custom css in Newspaper>theme panel>Mobile theme > Custom code> css
-> https://www.screencast.com/t/A8CN8wTOVJg
.td-category-header .td-category {
display: none;
}

Thanks.

jansuo
tagDiv Member

Hi!
One more question. So is this possible to example module 11? I have css class “is-premium” which have little diamond icon.

valeedkhan
tagDiv Member

Hi,
Yeah I just want to remove the footer from the homepage. I’ve used the custom css and post the css code but still the footer is showing on the homepage.
https://screenshots.firefox.com/M5gLqDK826SFQjrb/minkholdings.com

Kindly help me to figure out this issue.

Thanks

reatlat
Participant
#0

My client ask me to add a lot of modification to theme directly. NOT CHILD THEME
Is any way to get the source files for stylesheets? (Sass/Scss/Less)

PS: client really don’t care about updates 🙂

monoazulweb
Participant
#0

Hi,

How I can do for exhibit a cover image when mobile users on portrait orientation view the website?
The objective is alert to rotate for landscape mode the mobile users.

Thanks so much!

Freddy Meynard
tagDiv Member

The idea is to only have the one i am manually placing…and for the original theme header Ad to be removed via the script… the ad for me still shows up, i have used CSS to hide it… but i dont want it hidden, i want it gone.

axehorde
tagDiv Member

I put that code into custom css but nothing changes. The text is floating.

So the plugin has created problems? If I deactivate it, will everything be rearranged or will I have to reinstall the theme? What do you suggest?

Calin
tagDiv Staff

Hi,

If you want to change the color for tags on posts, this can be achieve using custom css or using a single post template from tagDiv Cloud Library
-> https://www.screencast.com/t/iQQbXa3F

Create custom code with the browser’s Inspector or the Live CSS Box – https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thank you!

Calin
tagDiv Staff

Hi,

1. The amp url will be https://website.com/post-url/?amp this will not affect the seo, but is possible to be some changes because the google need to index the new link.

2. The smart list will change only the content from smart list and nothing more, that is way that text remain there.

3. For this please use a custom css
.comments .comment-form .td-warning-comment, .comments .comment-form .td-warning-author, .comments .comment-form .td-warning-email{
display: block;
text-align: center;
font-size: 11px;
opacity: .65;
}
.comments .td-form-url{
display: none;
}

-> https://www.screencast.com/t/xyMzVQZZcJug
Please set the code in Newspaper>Mobile theme > Custom code

Thank you!

coinworldstory
tagDiv Member

I want to remove link from title and heading which are inserted automatically in my all title and heading give me any css code

Viewing 25 results - 10,776 through 10,800 (of 33,436 total)