Search Results for 'css'

Results from the Forum
Timestar
tagDiv Member

Hi,

Where would i use the CSS method? – is there a custom CSS box?

Simion C.
tagDiv Staff

The classy demo uses a cloud template for the posts, you can change it to a different template if you want to.

With the introduction of the cloud library plugin, now post templates and many other templates can be created with the tagDiv composer
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
There are templates designed by us which can be imported
https://affiliate.tagdiv.com/#/load/All
Also there are blank templates which can be used to create a template from scratch. Using cloud templates is not mandatory, the default post templates are still available.

You can install the demo with no content, this way only the theme panel settings will be imported. This demo has an additional stylesheet but it is minimal indeed
http://prntscr.com/mghck5
Most of it’s design is made in the composer directly with the available settings. Flex blocks were used mostly and these have a great deal of options and settings. We tried to keep the design similar to the erotic demo but there were some changes.

The class td-erotic is no more, it is now td-classy. This was one of the reasons the erotic demo has been modified.
You can remove the body class if it remained in the theme pane, it has no purpose anymore. Unless you used it in custom CSS code.

If you need help with anything else let me know.

Catalin
tagDiv Staff

Hi,

Normally, you should not need to add this custom CSS code, sorry! The theme should fit over your content, sorry! I do not what kind of untested plugins you are using on the website which might break the theme’s functionality, sorry! Try to disable all of these, clear all the caches and check the results. As a test, you can make a new clean install to another subdomain for testing, use only the plugins which come bundled with the theme core files without your custom CSS code and check the results.

Thanks for the message!

Simion C.
tagDiv Staff

Hi,

So the background color should affect the page content only in the homepage. One solution would be to stretch the rows in the homepage, and set a background color for each of them
http://prntscr.com/mgf1wihttp://prntscr.com/mgf221

It can be done with some CSS as well, just for the homepage
http://prntscr.com/mgf77i
I could modify the code if needed, let me know

.home .td-main-page-wrap,
.home ins,
.home .td-header-style-10 .td-banner-bg {
background-color: #d8d4dd;
}

Thanks

pbc
tagDiv Member

Hi, I’ve been able to add this field, following the documentation Here
I was able to add my custom block to the TagDiv Composer, and it displays the field content on the authors’ page correctly. But I have this error:

error

Here’s the code I pasted inside td_block_creative.php



<?php

class td_block_creative extends td_block {

    function render( $atts, $content = null ) {
        parent::render( $atts ); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)

        global $tdb_state_author;
       // $author_description_data = $tdb_state_author->description->__invoke( $atts );
        $author_loop_data = $tdb_state_author->loop->__invoke( $atts );

        $buffy = ''; //output buffer

        // when no data - return empty on frontend
        if ( empty($author_loop_data['author_id'])) {
            return $buffy;
        }

        $buffy .= '<div class="' . $this->get_block_classes() . '" ' . $this->get_block_html_atts() . '>';

            //get the block css
            $buffy .= $this->get_block_css();

            //get the js for this block
            $buffy .= $this->get_block_js();

            $buffy .= '<div class="tdb-author-descr">' . get_field('additionalinfo', 'user_'. $author_loop_data['author_id'] ) . '</div>';

            $buffy .= '</div>';

        $buffy .= '</div>';

        return $buffy;
    }

}

Files: td-creative-plugin.php and style.css I left without changes. Please help me to fix this error.
Thanks

  • This reply was modified 7 years by pbc.
Simion C.
tagDiv Staff

Hi,

The slide has a setting for the height – http://prntscr.com/mgeidv
So you could set a height there, no need for CSS. If I misunderstand something please correct me.

Thanks

Simion C.
tagDiv Staff

You could use a CSS that will hide the sub-category by the position number. For example the Style hunter is number 4 in the list of sub-categories
http://prntscr.com/mgdw7p
The code to hide it is like this – http://prntscr.com/mgdye0
Code used in example here

.menu-item-291 .block-mega-child-cats a:nth-child(4) {
display:none;
}

I used the ID of the menu-item so that the code will apply only to that menu item
http://prntscr.com/mgdz7v

Calin
tagDiv Staff

Hi,

I think you want to change the space between menu and first block on the page if is so then you’ll need to set on the first row the margin top ‘-48’ https://www.screencast.com/t/fWpleU759Jw
Using css -> https://www.screencast.com/t/poM2zmAyHJ

In order to translate the login form please go in Newspaper>theme panel>Translations> Translations -> https://www.screencast.com/t/OlpU9vHOU

Hope this will help you!
Thanks.

ermannaro
tagDiv Member

“purge CDN files” which means? How do you do?
However, I asked if the css that I added is okay for my problem or you could give me a better solution …

tunisi45
tagDiv Member

Thank you Simon
I did noticed that Classy homepage was very similar when not even identical to Erotic, but the post-pages are very different. I hope I will be able to reproduce the design of posts in the same way it was in Erotic Magazine.

It could be a great help if you could confirm the following things to do:
1 – Newspaper > Install Demos > Classy Magazine (only settings!)
2 – Theme panel > Custom Code => Replace CSS class .td-erotic with .td-classy

Last question
If I open the file Newspaper8 > includes > demos > erotic > demo_style.css there are 504 lines of CSS code.
If I open the file Newspaper9 > includes > demos > classy > demo_style.css there are only two lines of CSS code.
Same with the demo_style.less file.
Shall I be worried not to find the customization of the Erotic Magazine Demo by installing Classy Magazine?

Best Regards
Fabio Baldanello

Calin
tagDiv Staff

Hi,

Please provide some more details about what demo are you using, we have some demos that need to use custom css in order to change the colors ( those demos are older or have st as background color a gradient).

Thank you for your understanding!

Simion C.
tagDiv Staff

Hi,

The theme will indeed set a margin bottom for the paragraphs, with a value of 26px. You could use the code you mention to modify the margin, if this is needed. Enter it in the theme panel custom CSS section.

Let me know if you have more questions.
Thanks

Calin
tagDiv Staff

Hi,

If you are using blocks like Block 12 -> https://www.screencast.com/t/zV33fy60XR
than you can change the name from -> https://www.screencast.com/t/Gd7oDVNRSK -> https://www.screencast.com/t/calZkQv2b
Or you can use custom css to hide it -> https://www.screencast.com/t/zPvvcnyRobCS
.td_module_11 .td-read-more {
display: none;
}

The above custom css will hide all buttons for read more from module 11, just set it in Newspaper>theme panel>Custom code>Custom css

Thanks.

Giorgos3
tagDiv Member

Hello again,

I have migrate my website from bluehost to wpengine and the data have been missing (post , pages , custom css, etc) basically the data does not exist from my old site can u please assist

Thank you for your support.

Calin
tagDiv Staff

Hi,

That depend on headers, if those are form blocks you can set the color with tagDiv Composer -> https://www.screencast.com/t/qayFrkSuT or form widgets -> https://www.screencast.com/t/ixTy2vnarYH also you can use custom css.

Thank you for your understanding!

lowhoh
Participant
#0

Hello~

How can I speed up my mobile site.

1. My mobile site speed is ‘3’ in ‘PageSpeed Insights’

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fpapacurator.com%2F

2. I did your guide

https://forum.tagdiv.com/how-to-make-the-site-faster/

1) Enabling Gzip compression
: Already did in hosting service
2) Set the Leverage Browser Caching
: I did below code in .htaccess
3) Optimize images
: I use ‘EWWW Image Optimizer’
4) Use a cache plugin (WP Super Cache)
: I set WP Super Cache
5) Remove render blocking css/js –
using the TagDiv SpeedBooster plugin (advanced users)
: I tried but nothing changed

target ‘FILE-ID’

…td-multi-purpose/style.css?ver=72ece2d…
(papacurator.com) 68 KB 2,130 ms

code ‘FILE-ID’
$this->move_style_to_footer_queue(‘td-multipurpose’);

Simion C.
tagDiv Staff

Hi,

You mean the post sharing? – http://prntscr.com/mgagsw this will appear only in the post pages. One way of removing it for specific posts would be to use some CSS.

For example by using the unique post ID, and remove the top sharing
http://prntscr.com/mgahg7
Or bottom sharing – http://prntscr.com/mgahw4
These are the codes used in the example

.postid-1003 .td-post-sharing-top {
display: none;
}
.postid-1003 .td-post-sharing-bottom {
display: none;
}

Or use cloud post templates, you can design these with the composer
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview and even edit the cloud post templates designed by us
https://affiliate.tagdiv.com/#/load/Single
It can be seen that the sharing is an element in this post templates, so you can use a template that contains the sharing element, and another one that doesn’t. Apply them to the posts as needed.

Thanks

Simion C.
tagDiv Staff

That could be done with some CSS, for example – http://prntscr.com/mgafmt

.tdb_loop .td_module_no_thumb .td-image-container {
display: none;
}
.tdb_loop .td_module_no_thumb .td-module-meta-info {
margin-left:0;
padding-left:0;
}

I used the post loop 1 element in this example, this code could be modified if needed.

mangeshpowar
Participant
#0

Hello team,
I dont want to see the comment count near the post titles on the FrontPage of the NewsMag theme.
Can you please suggest some css or so ?
Thank you very much in advance.
Mangesh

jakobe75
Participant
#0

not sure if this is a tag div question.

I want my products to show in a single column on mobile only, Right now they show in two columns.

I have tried a few css tips found on the web but none have worked thus far.
and a search in this forum wasnt helping me out today.

suggestions?

lucie_barragan
tagDiv Member

Ok finally found the right settings without to use css named image height from the tag div composer

lucie_barragan
tagDiv Member

update css code

.slidershow, .td-theme-slider,.td_module_slide .td_block_inner{
height: 300px !important;
}
.td_module_slide {
height: 300px !important;
}

lucie_barragan
Participant
#0

Dear,

I try to change the height of slider on https://www.beart.fr/ to 300px

From TD composer the bloc id it is td_bloc_slide, this component do not own a height settings.
So I try to add an extra css class: slidershow


.slidershow {
height: 300px !important;
}

While the component get the expected height the title disapeared !

Thanks for your help

joenathanx
tagDiv Member

All subcategories have the same class. Please tell me the way to write css. I can do it by myself.

NexusFred
Participant
#0

Hello,

There is a place to change the post line bottom margin ? Or I need to edit the CSS ??
.td-post-content p{
margin-bottom: 26px;
}

Thanks

Viewing 25 results - 11,376 through 11,400 (of 33,436 total)