Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

There already is a fix in our theme for this problem, but in some cases this is not apply and is need for this extra css. Our developers we’ll try to fix these cases too.

Thank you!

Calin
tagDiv Staff

Hi,

Yes, is you are using post style/templates not cloud for posts, then should not be needed by any customization.
Or as an alternative you can try this custom css
.wppr-review-container{
display: none;
}
.tdb_single_content .wppr-review-container{
display: block;
}

The code need to be set in theme panel> custom code> custom css and will display only the review inside the post/article.

Hope this will help you!
Thank you!

Neelesh
tagDiv Member

Hii

I tried but same color applied on every category.
https://ibb.co/PG33d0m

I think i can do that what you did in your screenshot your color was changed because you opened that category page. I think you need to change color on Home>Strategy that is main category page.
https://ibb.co/NmZqmv1

Have a look at what i did in chrome inspect elements
https://ibb.co/X3gCyDn

When i try to do that by custom CSS it applies to every category because of same class of <span>….!
………………………………………………………..

swolly
Participant
#0

Hi,
i was working on cloud templates and now if i try to create new post (or page) with gutenberg the text area is 300px.

I don’t understand why there is this css rule and how can i delete it.

I tried to set a custom css rule in theme panel like
.td-gutenberg-editor .editor-styles-wrapper .wp-block {
max-width: 100% !important;
}

but it doesn’t work!

what happened? Is because I change some column width?

TY

Calin
tagDiv Staff

Yes, that can be achieve using css, if you need help, please provide me a link where I can check this problem and I will gladly help you!
Thank you!

Calin
tagDiv Staff

Hi,

I think that you are referring to this -> https://i.imgur.com/5VXpk8J.png
In order to remove it you need to use a custom css like this one
.td-scroll-up{
display : none;
}

The code need to be set in theme panel> custom code> custom css.

Thank you!

siva
Participant
#0

i have migrated to site from localhost. but footer path is still referring to localhost. is there anyway can update so migrated site will have the right footer image? site trying to load http://localhost/wordpress/wp-content/uploads/2020/05/footer_bg.jpg

loading from /wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js?ver=28832a33217c23aa6f76cdf3fc3c1388

ChristosV
tagDiv Member

Sure,
URL: orthopraxia.gr/login

Permissions=Author
I have a draft post with quotes for you to see the problem.
In the editor, the font is messed up. In the frond-end, the font is displayed OK, but the alignment and the font size are messed up.
Could you please tell me also how I can use custom css to format permanently all blockquotes? Or can I do it through the theme panel and how?

Thank you.

  • This reply was modified 6 years by Calin.
Calin
tagDiv Staff

Hi,

You can use the search from tagDiv Composer -> https://i.imgur.com/ShAOZjt.jpg -> https://i.imgur.com/GQVqNn9.jpg also this option is available only on flex elements:
-> https://forum.tagdiv.com/flex-block-settings-guide/
-> https://forum.tagdiv.com/big-grid-flex-settings/
Or you can try a custom css for all background categories -> https://i.imgur.com/0K71TD4.png
.td-post-category{
background-color: #e12!important;
}

The code need to be set in theme panel> custom code> custom css.

If you want to make a testing website on sub-domain or localhost, then you’ll not have any problems with the license agreement, only if you want to use it on multiple website.
You can read more about it here:
-> https://forum.tagdiv.com/newspaper-6-how-to-activate-the-theme/ end products (live websites).
According to Envato license terms a theme can be used for a single end product (website)
https://themeforest.net/licenses/standard
https://themeforest.net/licenses/terms/regular

Thank you!

Vlad S
tagDiv Staff

Hello !

That will require css adjusting. Please provide a link to your website and we will take a look.

Thank you !

Calin
tagDiv Staff

Hi,

To remove the page title use the page template default -> https://forum.tagdiv.com/page-templates-2/

Unfortunately the background category from blocks can be change only with custom css, only on flex blocks can be change using tagDiv Composer.
example of css -> https://i.imgur.com/yXxD1P3.png
.td_block_11 .td-post-category{
background-color: gray;
}

The code need to be set in theme panel> custom code> custom css.
Also we recommend to use a flex bloc -> https://forum.tagdiv.com/flex-block-settings-guide/ this can be customize how you want.

To adjust the mobile view please try this custom css
-> https://i.imgur.com/X7vnWru.png
.td_block_11.td-column-1 .td_module_10 .item-details {
padding-left: 0;
}

the code need to be set in theme panel> custom code> advance> phone

Thank you!

ludyma
tagDiv Member

Hi.
Already fixed the bugs, I have a little location problem with 320 screen images.

Watch the position on the mobile device:
https://i.imgur.com/bvSzdJl.jpg

I think it can be done by custom CSS, using the @media rule (max-width: 320px) so that it only applies the different position to mobile devices than desktop devices, but I have not given how, look what I get as another < style> and I don’t know …

https://i.imgur.com/QzHmzWy.jpg

Neelesh
tagDiv Member

Hii Calin,
I tried too hard but custom CSS did not worked for me and when i try to change the color from td-composer but it applies same color to every category. Also i tried from theme panel got nothing.
I just want to give different color to every category background. Have a look at screenshot what i want to change-

https://ibb.co/gSWrfhw

page url-
https://hindinzone.com/category/easy-learn/

Thank You!

Arnaud
tagDiv Member

So, the good news is that we figure out which was the origin of this break of our posts with a featured video: the use of Autoptimize and specifically one option for inline CSS. Mea culpa on our side. We simply disabled for now. However, I assume that we could still overcome this problem by excluding the specific cloud template from being CSS-optimized by Autoptimize, right?

In the meantime, we have another problem (not new): the featured video (again). The static image of the video (before clicking on it to load the video) has a large top border, and the bottom of the video is hidden. It only happens on mobile (although we do not use the mobile theme nor AMP). This phenomenon does not appear on a desktop while simply reducing the screen size (I mean, it happens but the website quickly readapts in 1/10th of second). See the photo here to understand the problem.

However, we tried modifying all parameters regarding CSS for the phone version but it did not change anything. Moreover, we tried by using a PRO cloud template dedicated to video, and the phenomenon is still present, so the problem is not to find on the COMPOSER side. Any solution? We tried playing with the THEME panel, and specifically in video settings, but still no solution.

Thank you

  • This reply was modified 6 years by Arnaud.
ludyma
tagDiv Member

Hi.
Thanks for the help. I have already fixed the custom CSS error.

Solution:

@media (min-width: 1068px) {
.td-container, .tdc-row, .tdc-row-composer {
    width: 1268px;
}
}

One question, in the folders that I download when I buy the item, there are two that I don’t understand.

1. It is in CODE and I don’t know what it is for and how to use it if the circumstances require it, could you inform me about it.

Code folders:

2. The slider demos that it brings, how do I load them to see them?

Slider folders:

Thanks in advance.

  • This reply was modified 6 years by ludyma.
  • This reply was modified 6 years by ludyma.
Calin
tagDiv Staff

Hi,

1. You need to edit the page with tagDiv Composer, click on the first block and check the css tab -> https://i.imgur.com/QX7RCky.jpg set the margin bottom 0 -> https://i.imgur.com/kH3bbaU.jpg aftr that click on row -> https://i.imgur.com/hTehlOu.jpg and set the margin bottom you want, for example 4 -> https://i.imgur.com/KKxN2Pp.jpg
2. If you are using the social counter of Instagram, make sure that you set in theme panel the api key -> https://forum.tagdiv.com/instagram-widget/ also for YouTube you need to use an api key too -> https://forum.tagdiv.com/youtube-api-key/ after that the social counter should work -> https://forum.tagdiv.com/tagdiv-social-counter-tutorial-2/
Also if you are using cache plugin, you need to clear all cache.
3. If you are using the mobile theme plugin, hen you need to set the mobile logo here -> https://i.imgur.com/Kg5l5uL.png if you are using the responsive version, you need to set the logo with tagDiv Composer -> https://www.youtube.com/watch?v=HXQQygkCCJo
4. You can change the background image from here -> https://i.imgur.com/013hPu8.png also if you are using the mobile theme plugin you need to change it for mobile from here -> https://i.imgur.com/lwZs1hu.png
5. The page speed of your website depends on how well your site is optimized, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also you can check this similar topic for more solutions: -> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/ -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
https://tagdiv.com/how-to-increase-page-loading-speed/

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

As per my colleague answer from email, if you remove the custom css from theme panel and clear all cache the website is working properly, this is the results that he get -> https://i.imgur.com/0MHVOQd.png

This big grid flex will act like a slider -> https://i.imgur.com/oQWfyev.jpgis made in that way -> http://www.filedropper.com/2020-05-121342

Thank you!

Media_Ex
Participant
#0

I use a WP Server Stats – https://wordpress.org/plugins/wp-server-stats/
This plugin display a Server Uptime Clock on Admin Page

When Newspaper theme is enabled the CSS code of this clock is somehow modified and clock show super very big!
I contact plugin author they check and say tht newspaper theme css need to be fixed

Check this image – https://i.paste.pics/8Y61C.png

Why newspaper theme do a modifications in my admin panel…?

Calin
tagDiv Staff

Hi,

If you want to apply the background color only category pages, for category tags, then you can use the options from theme panel (without cloud template) -> https://i.imgur.com/qnC5aS2.png -> https://i.imgur.com/XxPH980.png if you are using a cloud template, you need to check the settings for style set on the category siblings -> https://i.imgur.com/199rSph.png
Here is a topic for how to use the custom css to change the background color for label
categories -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/ -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/

To remove the mysiteurl.com/category you need to use Yoast SEO and choose to not index the cloud templates -> https://i.imgur.com/6BRLmIs.png after that you need to re-index your website on Google (or you can re-index only that link).

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

Indeed there is an issue on Internet explorer + Flex Blocks, the IE do not recognize the flex css parameter.
Please try this code:
[class*="ie"] .td-module-container {
display: block;
}
[class*="ie"] .td-image-container {
height: auto;
flex: initial;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Also please let me know the version that you are using on Safari.

Let me know the results!
Thank you!

ludyma
tagDiv Member

Hello according to a support, the problem is the modifications that you made in the custon CSS, but how can I do so that these modifications do not affect “RESPONCIVE”?
Even so, it doesn’t fit well, at least the boxes or blocks

https://i.imgur.com/oQWfyev.jpg

chiboyanyiki
Participant
#0

I tried installing the newspaper theme, I get “The package could not be installed. The theme is missing the style.css stylesheet.”

Please assist me.

alealeale
tagDiv Member

PHP errors:

Undefined index: tdbTemplateType – wp-content/plugins/td-cloud-library/includes/tdb_functions.php:1362

Undefined index: post_type – wp-content/plugins/td-cloud-library/includes/tdb_functions.php:1363

Undefined index: td_action – wp-content/plugins/td-composer/css-live/css-live.php:30

  • This reply was modified 6 years by alealeale.
sfnewsdaily
Participant
#0

Hi,

I want to remove pagination number from my post and instead display “Back” and “Next Page” blocks. For this following custom css code was suggested in one of the Tagdiv forum thread. So I tried below code which works well on desktop but not on mobile devices. I am using mobile theme.
On desktop, I can see it properly https://www.screencast.com/t/dXJtxJ3WWEu
But on mobile, it is showing 1st and last page numbers. https://www.screencast.com/t/otiUL1wkW0

This is the custom CSS cosw I have used. Please suggest how can I get the same display on mobile as on desktop.

.page-nav-post .post-page-numbers {
display: none;
}
.page-nav-post .post-page-numbers:first-child, .page-nav-post .post-page-numbers:last-child {
display: block;
}
.page-nav i{
font-size: 20px;
padding: 25px 150px;
justify-content: center;
}
.page-nav-post a {
color: #fff;
background: gray;
}
.page-nav-post .post-page-numbers:last-child{
background: orange;
}
.page-nav-post .post-page-numbers .td-icon-menu-left:before {
content: ‘\e80c BACK’;
}
.page-nav-post .post-page-numbers .td-icon-menu-right:before {
content: ‘NEXT PAGE \e80d’;
}

Vlad S
tagDiv Staff

Hello !

Please use this css code: .tdb_single_date time {
display:none;
}

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

Thank you !

Viewing 25 results - 7,801 through 7,825 (of 33,436 total)