Search Results for 'css'

Hi,

You can use a custom css for this -> https://www.screencast.com/t/eTWBAdZLn7Ai
.comments input[type=submit]{
background-color: red;
}
.comments input[type=submit]:hover {
background-color: green;
}
Set the code in Theme panel>Custom code>Custom css
If you are using single post template from tagDiv Cloud Library you can edit the template and set the color on button -> https://www.screencast.com/t/bOfXk3Vq

Thank you!

Hi,

Also use the AMP option from mobile theme -> https://www.screencast.com/t/1pLjSDrg5
You need to go in -> plugins/td-composer/mobile/style-amp.css

Thank you!

Hi,

1. There are font settings for the blockquotes in the theme panel, you can use those to customize them in general – http://prntscr.com/nlzalv

2. The color of the text can be changes as you write the post
– http://prntscr.com/nlzb50
Each blockquote can have it’s own color. On the other hand, to color them all at once use this setting – http://prntscr.com/nlzcl4
If no color is set in those locations they will inherit the theme accent color
– http://prntscr.com/nlzbzd

3. The theme ads a few styles for quotes – https://forum.tagdiv.com/post-formats-for-tinymce/ (check point 3) but you could create your own with CSS for them, like in this topic for example – https://forum.tagdiv.com/topic/how-to-create-this-type-of-block/

On mobile the same settings should apply. Unless you use the mobile theme, then they will have the color set in the mobile theme accent color – http://prntscr.com/nlzge5
If you don’t want to change the mobile theme accent color, and wish to color only the blockquotes, you can use some CSS – http://prntscr.com/nlzh6t
This code can be entered in the mobile theme custom CSS section
– http://prntscr.com/nlzhhj

.td-post-content blockquote p {
color: #dd3333;
}

Please let me know if you have more questions.
Thanks

Hi,

If you are using a page footer you can change this bu editing the footer page -> https://forum.tagdiv.com/footer-templates/ if you are using a default footer template then you need to use a custom css ->https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
If you need help with css please provide me a link were I can inspect the contact us and email in your website footer.

Thank you!

From what I know a border length can’t be set with CSS, you could do this in a different way. Like this maybe – http://prntscr.com/nly5dk
So you could remove the previous code and use this one instead
– https://pastebin.com/MyA4GnRq

For the footer it is quite unusual that a padding is set there. Seems to happen only in the homepage. However you can use this code to remove it

.td-main-content-wrap {
padding-bottom: 0;
}

Hi,

I think that your page speed is low, and the changes appear only after is load the css for the font.
You can check this topic about page speed -> https://forum.tagdiv.com/topic/speed-6/
If there is still a problem please provide me a link to your website were I can inspect this problem.

Thank you!

Hi,

I see the ads used are HTML ads, it would be possible with some CSS in this case. For example this post – https://www.snowsbest.com/aldi-ski-gear/
Has these categories – http://prntscr.com/nlvpqn
So a code like this will work – http://prntscr.com/nlvqpy if you don’t want the inline ad to appear on post belonging to the “Gear” category

.single .category-gear .td-a-rec-id-content_inline {
display: none;
}

It can be multiplied to work on other categories as well, for example

.single .category-gear .td-a-rec-id-content_inline,
.single .category-guest-blogger .td-a-rec-id-content_inline,
.single .category-athletes .td-a-rec-id-content_inline,
.single .category-backcountry .td-a-rec-id-content_inline {
display: none;
}

This would be a solution, let me know if you need help.

Thanks

Hi,

You can set the code directly in theme panel> Mobile them>Custom css
-> https://www.screencast.com/t/zbMROrCPO
The code will appear in “view page source” -> https://www.screencast.com/t/yIti1kFvyB -> https://www.screencast.com/t/DN1ye7PwPJw

Thank you!

Hi,

I don’ think the issue is caused by the CSS code, when I try to use the search on mobile as soon as I click on the search icon a javascript error appears in the browser console
– http://prntscr.com/nlu5jo
So while it would be possible to switch the icon positions for the menu and search on mobile – http://prntscr.com/nlu6p5 the error is still there. Seems the menu works, just the search has this problem.

Usually this kind of javascript errors may appear when the theme is conflicting with various scripts entered in the theme panel or theme files, or in many cases plugins. You could begin to investigate plugins or codes (if you used any). Here is the code I used for the positioning of the icon, if you want to use it for mobile

@media (max-width: 767px) {
#td-header-menu #td-top-mobile-toggle {
position: absolute;
right: 0;
}
.td-header-main-menu .header-search-wrap {
position:absolute;
right: auto;
}}

Thanks

Hi,

Usually this problems are made by untested plugins, please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

If this is not saving your problem please use this custom css
.td-pb-row, .td-block-row {
width: 99%;
}
Set the code Theme panel>Custom code>Advance css> Phone s

Let me know how is works!
Thank you!

Hi,

For desktop please use this custom css
#disqus_thread {
width: 696px;
}
Set the code in Theme panel>Custom code>Custom css
-> https://www.screencast.com/t/hZQz3Eyy

For mobile theme please insert this code in Theme panel> Mobile theme > Custom code>
#disqus_thread {
margin: 0px 15px;
}
-> https://www.screencast.com/t/5pXpndAeAX

Thank you!

Hi,

Please check this topic about leverage the font-display CSS -> https://wordpress.org/support/topic/ensure-text-remains-visible-during-webfont-load/

Thank you!

Hi,

Unfortunately there are no settings in theme panel for this, this can be achieve only if you make some changes in theme files, for this you need to edit the td-login-modal.php from wp-content/plugins/td-composer/legacy/Newspaper/parts/header/td-login-modal.php
-> https://www.screencast.com/t/PfvgOPRMqTZ
If you need some help with css let me know!

Thank you!

Hi,

If you want to set a padding or a margin to all flex grid you need to set it in css -> https://www.screencast.com/t/gxSwNvdZ if you set in layout will be apply only on that module also make sure that the settings in layout are set to fit the modules height -> https://www.screencast.com/t/IhKs2JLTkQG

Thank you!