Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

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

.comment-respond #reply-title, .comment-respond .submit{
text-transform: capitalize;
}
.td-menu-item a, .widget_search span, .td-post-source-tags span, .widget_blog_subscription span{
text-transform: capitalize!important;
}

Thank you!

jimratliff
Participant
#0

I want to restyle the blockquote element in my posts. In particular, I want the font size for that text to be identical to the font size of body text in my posts.

I’m aware of the reply to Edit Quoted Text in Newspaper that (a) gives an example of using custom CSS for changing the color and (b) “For the front end you can choose the font properties for the quotes in the theme panel” using this screenshot.

In the Theme Fonts panel, under “Post content,” all of the “Default Blockquote” settings (for Font family, Size, Line height, Style, etc.) are “Default”. How can I determine what those default values actually are?

I ask because I want to manually override the size of all posts’ blockquote text to be the size of post body text. (It’s clear that the default Size for Blockquote is larger than the default Size for Post Content.) Thus, I need to know the font size of post content text in order to set the Size of Default Blockquote text.

Is this specified in CSS somewhere that I can access? If not, how do I figure this out?

Thanks!

Anonymous
Inactive
#0

I am using this theme with Geodirectory, a plugin that makes directory CPTs. I want to replicate the titles made by the shortcodes to that of the entry titles used for standard post titles from modules.

So far, I am using vh, which isn’t horrible, but the font is pretty dang small on phone screen sizes.

.gd-list-item-right .geodir-post-title h2 {

font-size: 20px;
font-size: 2.5vh;
line-height: normal;
text-overflow: ellipsis;
overflow: auto;

}

I am having a hard time finding the CSS used by the Newspaper theme to style this. Can somebody point me in the right direction?

Site URL: Coosguide.com

Rajvivan
tagDiv Member

May I know where I can add the above mentioned code? Can you please add a screenshot that can guide me the process of adding the CSS code on code editor?
In addition to that I have already shared the credentials before, can you make changes from your end?
Any option is fine with me .

Calin
tagDiv Staff

Hi,

Is look like some links have set a class, is possible to be add from some plugins or from beck-end editor, a quick solution is to use a custom css to remove that style ->

.broken_link, a.broken_link {
    text-decoration: none;
}

Thank you!

Calin
tagDiv Staff

Hi,

Please check this article for Eliminate render-blocking JavaScript and CSS in above-the-fold content -> https://searchtides.com/eliminate-render-blocking-javascript-css-fold-content/

Thank you!

nagol
Participant
#0

Hello,
with mobile plugin i have a problem.

With desktop site i have custom CSS

.td-header-wrap {
margin-top: 130px;
}

and with header mobile sticky menu there is always margin-top: 130px; when i scroll up. How can fix this issue?

Thank you

Bogdan B.
tagDiv Staff

Hi,

The headings font size can be changed from the theme panel for each module in particular. Indeed there is a new css affecting the modules default font size and weight.

Please access the theme panel font settings and change the font weight and size for the module that you need: https://www.screencast.com/t/xthWvL8Ty

Thank you!

Bogdan B.
tagDiv Staff

Hi

In order to remove the video background please remove the video ID from here: https://www.screencast.com/t/jEUJYU6N1u6 and if you want to add a background image, you have to access the CSS tab on the same row settings and implement the image like so: https://www.screencast.com/t/QASMfamv9

Thank you!

wspeed
tagDiv Member

Very good. That should work.

I’ve been using the Live CSS from TD Composer. What is the difference on using that section?

Is it OK if Ii use for most of the modifications?

Thanks.

Bogdan B.
tagDiv Staff

Hello,
This issue comes from using a child theme in the current theme version.
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css and the few files left in the main theme folder as envato requires all functionality to be added through plugins.

Sorry for the inconvenience and thank you for understanding.

Bogdan B.
tagDiv Staff

Hello,

Please note that the child theme cannot affect plugins.
Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css (and the files that remain in the root folder of the theme) as envato requires all functionality to be added through plugins.

Sorry for the inconvenience and thank you for understanding.
What is the modification you made to the templates as maybe you can implement it through the tagdiv composer and cloud library.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

All of the provided modification seems to be cs so the theme has specific custom css spots for each device in particular. Only ad that code in the advanced css sections corresponding to the devices you want the code to affect: https://www.screencast.com/t/kIkdlwVt

Thank you!

Bogdan B.
tagDiv Staff

Hello,

Most of the theme files were moved into the tagdiv composer plugin as per the requirements of envato: https://help.author.envato.com/hc/en-us/articles/360000472383-WordPress-Theme-Requirements.
We wrote an article on the subject here: https://tagdiv.com/updating-the-core-of-tagdiv-themes/
Moving forward with such requirements, a child theme will only work with functions.php, and style.css as there are very few files left in the main theme as envato requires all functionality to be added through plugins.

Sorry for the inconvenience and thank you for understanding.

On the bright side is you do not have to alter the theme code to make modifications to the header. Please read this guide to create a custom header design using the cloud library: https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Thank you!

Catalin
tagDiv Staff

Hi,

If you want to reduce that section, you need to use the code below and place it in Theme panel -> Cusotm CSS area.

The code is ->

.td-post-template-3 .td-post-header-holder {
min-height: 225px;
}

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

Also, another solution, in this case, would be to create another category template using the Cloud template library plugin.

Thank you!

ashutoshjosh
tagDiv Member

Found it and added the custom CSS

Thanks a lot 🙂

GiacomoLaw
tagDiv Member

You can hide it using CSS:

.td_block_related_posts .td-related-right {
display:none;
}

RustyOcean
Participant
#0

Dear Team,

Since the 9.7 update, there is a problem with Exchange Flags.

Cheers Rick

Failed to load resource: the server responded with a status of 404 ()

GET plugins/td-composer/legacy/Newspaper/assets/css/images/flags/flags.png 404

GiacomoLaw
tagDiv Member

Hopefully eventually the CSS file would be minimized so we don’t need to use plugins.

I have seen the theme get a lot lighter over the past few updates 🙂

Calin
tagDiv Staff

Hi,

Unfortunately in this moment I can not provide you a solution for your requirement, sorry! all I can do is to assure you that our developer team is working on this and in coming updates the size of style.css will decrease.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

Please set this custom css in Theme panel>Custom code>Advance css section phones -> https://www.screencast.com/t/qUpAKhGAzT
.td-pb-row .td-main-sidebar{
display: none;
}

Hope this will help you!
Thank you!

halloway
tagDiv Member

Disregard the above post. I found the reason. The upgrade caused the css code to be moved from custom css to the custom html.

halloway
tagDiv Member

I used the same CSS on the newspaper theme and it worked. However, when I updated this theme this morning to 9.7, this code now also appears at the footer of all pages and I can’t find how to get rid of it.

Screenshot

Calin
tagDiv Staff

Hi,

This can be done using a the fast news header template from tagDiv Cloud Library -> https://www.screencast.com/t/wOZS6rAfWBV
Also this can be achieve making some changes in theme files, you can check the sugestions from this topic -> https://forum.tagdiv.com/topic/fast-news-demo-header-color-gradient/

But if this is a problem for you, then you’ll need to edit the demo file and set there the header color gradient, you need to go in Newspaper>includes>demos>fast>demo_style.css
on line 15
https://www.screencast.com/t/IbKm1xAoc3h
https://www.screencast.com/t/GYqLtetMzTp
Because the first time is load the style from the theme files and after that will be load the one from theme panel, also please make sure that you clear all cache after you do those changes.

Thank you for the understanding.

Catalin
tagDiv Staff

Hi,

You can try to use the code below and place it in the THeme panel -> Custom CSS area.

.wp-block-embed__wrapper{
width:50%!important;
}
.wp-block-embed-instagram{
text-align: -webkit-center;
}

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

Thank you!

Viewing 25 results - 10,451 through 10,475 (of 33,436 total)