Search Results for 'css'

Hi Lucas Lynch,

That demo use a cloud template for post, you’ll need to edit that template ( from cloud template or from post ); for example if you are on the post, just click on edit template -> https://www.screencast.com/t/6spFPzna7y -> https://www.screencast.com/t/PX1dmFmK after that save the changes and check the post again -> https://www.screencast.com/t/I8m5dffOvWF

Also if you want to change the category “tag” color on blocks those options are available only on flex blocks -> https://www.screencast.com/t/093GsFvO
-> https://www.screencast.com/t/IP1MyRAKoTx
If you want to change the category background color for others blocks you can use custom css -> https://www.screencast.com/t/FLJZl5suEM2

Thank you!

Hi,

You need to change the image url from http in https -> https://www.screencast.com/t/mYZwhSswW
Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Thank you!

Hi,

Unfortunately in that section the ads css is stronger then theme css, this is for the moment the single solution that I can give it to you.

Thank you for your understanding!

Hi,

In order to change that background color you’ll need to click on menu row go on css and set background color on that row -> https://www.screencast.com/t/MsxtLzrb

Hope this will help you!
Thanks.

One way of doing it is like this, first an empty row with a background image set and some padding (set the padding values as you want)
– http://prntscr.com/mhqr1t
Then add another row below it, and set a negative margin top to it (I used -150px you can use the value you want) – http://prntscr.com/mhqrst
In that second row I recommend to use a flex block which has more settings, and a similar design like the demo can be achieved with it
– http://prntscr.com/mhqse9 – http://prntscr.com/mhqsk6
You can customize the flex block in many ways further, it has many options. In the demo block 5 is used with additional CSS, but the same can be resulted with a flex block.

Hi,

Those options are available only on flex blocks -> https://www.screencast.com/t/093GsFvO
-> https://www.screencast.com/t/IP1MyRAKoTx
If you want to change the category background color for others blocks you can use custom css -> https://www.screencast.com/t/FLJZl5suEM2

Thank you!

Each paragraph (p tag) will have a margin bottom set by the theme. The theme uses a value of 26px
– https://www.screencast.com/t/NYhsRZKH8N
A default WordPress theme adds a 4.5em margin between paragraphs
– https://www.screencast.com/t/pNga3A77jVWm

To modify this default margin there is no setting at the moment. If a setting specifically for this is requested more by theme users it will be added.

However it could be done with a simple code in the Theme panel->Custom CSS section, with the value you want in it. For example this code will set a margin bottom of 15px to all the paragraphs in the post content

.td-post-content p {
margin-bottom: 15px;
}

Regarding the images, what exactly is happening? Where are the images not loading? A link to where the problem is happening would be most helpful. Let me know.

Hi,

I think that the easy way to have the custom title set to center will be to change the header template, or if you want to keep that header template you can use a custom css
https://www.screencast.com/t/GXhURKEuo
Set the code in Newspaper>theme panel>Custom code>Custom css
.td_block_template_8 .td-block-title {
text-align: center;
}

Hope this will help you!
Thanks.

Hi,

Please replace the above custom css that I give you with this one
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
height: 350px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 17px;
font-weight: 600;
}
.woocommerce .td-pb-row .products a.button,
.woocommerce .td-pb-row .products .button:active {
position: absolute;
top: 88%!important;
right: 10px;
}
https://www.screencast.com/t/EJR4iOISs

Hope this will help you!
Thanks.

Hi,

If you are not using the mobile theme, then the answer is yes, you can shot the top bar on mobile version using some custom css

Enter it in Theme panel->Custom CSS section, then the top menu will appear on mobile.
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}
.td-social-icon-wrap{
display:none;
}}
-> https://www.screencast.com/t/PAimTvZ18O

Also here is our documentation for top bar -> Top bar templates

Thank you!

Hi,

This is happen becous the ad position, but, you can add a custom css for mobile theme
-> https://www.screencast.com/t/6CIy8AfkV here is the code
.td-search-wrap {
margin-top: 100px
}
Add the code in Newspaper>Theme panel>Mobile theme>Custom code>section css -> https://www.screencast.com/t/BdTopIAY

Thank you!

For smart list style 3 it’s possible to remove the numbering with a simple CSS code, with no modifications in the code – http://prntscr.com/mha2n9
This code will remove the number and align the list titles to the left

.td_smart_list_3 .td-sml-current-item-nr {
display: none;
}
.td_smart_list_3 .td-number-and-title {
padding-left: 0;
}

Hi,

Those options are available only on flex blocks -> https://www.screencast.com/t/093GsFvO
-> https://www.screencast.com/t/IP1MyRAKoTx
If you want to change the category background color for others blocks you can use custom css -> https://www.screencast.com/t/FLJZl5suEM2

Thank you!

Hi,

Thank you for your suggestions, feedback from our users is most welcome. I could add a few things.

– Indeed a general switch for making the website boxed does not exist at the moment.
– All rows and columns have width settings – http://prntscr.com/mh9fwf
So in page and cloud templates where you can use the tagDiv composer, you can have custom widths.
– Regarding this gutter, I don’t exactly understand what it is supposed to do.
– The post title in cloud templates has padding and margin settings, all elements in the tagDiv composer have this in the CSS tab – http://prntscr.com/mh9i4p
If this is not what you meant please correct me.

– Regarding the reviews, you could create a review configured as you want and save it, then re-use it – http://prntscr.com/mh9jb9 – http://prntscr.com/mh9jra
Most if not all the elements can be saved once configured and re-used.

– For what element would you like to chnage the image size? Maybe there is a way.

You can use cloud post templates, these can be customized in almost very aspect
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can experiment with cloud templates designed by us (preview and edit), there is also a blank template if you want to design your own
– https://affiliate.tagdiv.com/#/load/Single

There are plans to add a scrollbar to the composer element list in coming updates.

The theme has predefined ad spots, also you can use ad boxes from the composer to place them in various locations. The theme ad capabilities are simple however, for more advanced ad management some users use the Adrotate plugin with the theme.

While the theme is compatible with the Woocommerce plugin, it doesn’t have specific settings for it like other themes that are built with this in mind. If you want to set up a shop and have questions let me know.

Thanks

Hi,

I think you want to change the space between menu and first block on the page ( https://www.screencast.com/t/eTK3az8O ) 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

If you have other questions, please let me know!
Thank you!

Hi,

Here is the custom code for load more button -> https://www.screencast.com/t/BLeMpaj62x
from style section you can set the font on load more button -> https://www.screencast.com/t/UcuVTBfjc1
.td_flex_block_5 .td_ajax_load_more{
width: 100%;
}
Just add the code in Newspaper>theme panel>Custom code>Custom css and all FlexBlock 5 will have the load more button with full width.

Thanks.