Search Results for 'css'

Results from the Forum
yamile2017
Participant
#0

Several blocks disappeared on the cover.
Error: _getDestinationModel Error: Container destination not available! Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)

on the cover page: [td_block_title title_tag=»h4″ custom_title=»Emprendimientos» block_template_id=»td_block_template_5″ tdc_css=»eyJhbGwiOnsibWFyZ2luLXRvcCI6IjIwIiwibWFyZ2luLWJvdHRvbSI6Ii00IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMTAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3NjgsImxhbmRzY2FwZSI6eyJtYXJnaW4tdG9wIjoiMTAiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZV9tYXhfd2lkdGgiOjExNDAsImxhbmRzY2FwZV9taW5fd2lkdGgiOjEwMTl9″ f_header_font_family=»672″ f_header_font_weight=%2

viktorgorgiev
Participant
#0

Hi,

I can’t find blocks to make look like this (look at links, Macedonian language but that doesn’t matter) https://prnt.sc/rqd1jd | https://prnt.sc/rqd1um .Can you tell me how i can do this?

Also, I have questioned how can I remove this space from here https://prnt.sc/rqd346 There aren’t CSS margins in above or under section/column/row.

Thanks

AbiolaWaltz
Participant
#0

Hello,

I purchased the newspaper theme and I tried installing but I get the error that the theme is broken and missing style css. This the error I got: Broken Themes
The following themes are installed but incomplete.
Name Description
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.

Please help.

IslandJim
tagDiv Member

Hi I’m still seeing the odd issue with this, I think related to my Litespeed cache combine/minify css/js. Can you point me in the right direction to exclude the right file or files from caching?

thanks

Calin
tagDiv Staff

Hi,

I think that you are referring to the options from css tab -> https://i.imgur.com/4j45tpo.png these will not apply on the video playlist, these are for background set behind the element, for example -> https://i.imgur.com/T4yhFaP.png

Thank you!

Calin
tagDiv Staff

Hi,

You can remove it using tagDiv Composer -> https://i.imgur.com/V1VVhA6.png then you need to check on the rows and inner rows the background from css tab -> https://i.imgur.com/KeHRGaH.png -> https://i.imgur.com/9yFDxnx.png

Hope this will help you!
Thank you!

Vlad S
tagDiv Staff

Hello !

Please use this css code: .td-header-wrap .td-header-main-menu {
background-color:white!important;
}
#td-top-mobile-toggle i {
Color:black;
}
.td-header-style-7 .header-search-wrap .td-icon-search {
color:black!important;
}

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

Thank you !

PerryV
Participant
#0

Hello,
I want to reduce the height of featured images in blog posts to 300 pxl.
I saw an earlier answer in the forum; this custom css was the advice of your collegue:

.td-post-template-4 .td-post-featured-image {
height: 300px;
}

However, this doesnt work at my website, Newspaper theme Fashion.
Check what happens: https://prperry.nl/2020/03/31/rumag/

darrencon
Participant
#0

I am trying to round the corners of my posts regardless of the Element. In the CSS section if I add a value for the border radius it has no effect

If I do it the custom code section on the theme panel, only the following works:

.td-big-grid-flex .td-image-wrap {
border-radius: 8px;
}

Please assist me thanks

Calin
tagDiv Staff

Hi,

1. Yes, the share is not in the content, this is set with an untested plugin that do not recognize the theme settings, but there are also other errors -> https://i.imgur.com/c4yzRDU.png the images are not loaded, these are encoded in base64.
To align the share buttons you can use a css like this one -> https://i.imgur.com/OF4nphU.png
.page .sd-sharing-enabled {
width: 1064px;
margin: auto;
}

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

2. These ads are set in Appearance > Widgets in sidebars, you need to look for ad box element -> https://i.imgur.com/dSaq9j0.png -> https://forum.tagdiv.com/custom-ad-spots/ also on homepage these can be set with tagDiv Composer edit the page like this -> https://i.imgur.com/ToxdGUw.jpg and use the right click on the element you want to remove -> https://i.imgur.com/M5hVeIo.jpg

3. This is an individual setting on post -> https://i.imgur.com/78EgZh4.png you can use it when you want to have a different style on some posts, if you want to have the same post style you need to use this option -> https://i.imgur.com/HYjSks9.png on posts and in theme panel you can set the global post style -> https://i.imgur.com/bgFMa2S.png

4. We can check the issue only if you can send us an email at contact@tagdiv.com and provide admin login, as well as cPanel. We will take a look. Include a link to this topic in the email.

5. That is the latest articles section, this one comes from the page template, you have set the Page Builder + Latest Articles + Pagination. You can edit it from inside the page(backend) -> https://i.imgur.com/QncbNRm.png

7. The share options are set in theme panel -> https://i.imgur.com/FsBfI7v.png -> https://forum.tagdiv.com/design-post-pages-using-default-templates/

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

You can do this using tagDiv Composer, edit the cloud template -> https://i.imgur.com/s75mAYS.jpg clcik on the element and in css tab set the padding or margin, like in this example -> https://i.imgur.com/L74w7Mb.png

Thank you!

Vlad S
tagDiv Staff

Hello!

You can use this css code: .entry-crumbs a{
color:Red;
}
.entry-crumbs{
color:Red;
}

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

I hope this was helpful !

Thank you !

Calin
tagDiv Staff

Hi,

I think that you want to remove this https://i.imgur.com/FrTsD8z.png this can be doe in few ways:
You can use a cloud template from tagDiv Cloud Library, edit it with tagDiv Composer and remove the tag element -> https://i.imgur.com/Aj66Rkg.png -> https://i.imgur.com/durcIAg.png after that set the cloud template in theme panel -> https://i.imgur.com/Ap9UC72.png
If you do not use cloud templates, you can use the translate and set an empty sample the the field for translate -> https://i.imgur.com/0zRQ4XF.png
Or you can use a css like this one: -> https://i.imgur.com/aOeJ3P4.png
.tag .td-page-title {
overflow-x: hidden;
text-indent: -138px;
}

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

Thank you!

PINA-ABJAOU
tagDiv Member

Is there a way or could it be available in the future release of the theme ? It’s really helpful. Because I was stacking on it for a while. I taught I was doing something wrong in my setting. And, after I uninstall and install the full Newspaper theme to the last release 10.3.1, I realised that the problem was after I activated the Mobile Theme, cause before activating them (AMP plugin was always Active) the sticky header option in AMP mobile was working fine in both scrolling up and down. I tested some custom CSS, but I doesn’t give a sence.

Prateek
Participant
#0

Hi, I uploaded woff file from the theme panel and trying to use it as post title on mobile theme. I have set the font to my custom font and it’s even showing that font in the inspect window under css. But it’s not being applied to the title.
Is this a bug?

Calin
tagDiv Staff

Hi,

I think that is because the Persian Language is a RTL Language.
You can try this fix:
#td-mobile-nav {
position: fixed;
}

Paste the code in Newspaper>Theme panel>Custom code>Custom css

Unfortunately our theme is not full RTL so there can appear problems. If you need a RTL theme, you will have to choose a different theme that can provide this functionality. We will be able to provide a refund if you make a request -> here:https://themeforest.net/refund_requests/new

Thank you fro your understanding!

Calin
tagDiv Staff

Hi,

Unfortunately, our theme do not have an option to remove these elements from woocomerce page, but you can use a css to remove them https://i.imgur.com/BC0jc5g.png -> https://i.imgur.com/y7xJWsu.png
.single-product .entry-crumbs, .single-product .posted_in, .single-product .tagged_as, .single-product #tab-title-description
{
display: none;
}

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

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

The slider is not full width because you have set a background color that is make the website boxed https://i.imgur.com/tiftnFy.png -> https://forum.tagdiv.com/background-introduction/
If the slider was set with tagDiv Composer then you can edit the homepage -> https://i.imgur.com/kjo9cxb.png -> set the phone viewport -> https://i.imgur.com/i2JaDaG.png click on the element you want to hide on mobile and set this option from css tab -> https://i.imgur.com/VYviV3Q.png
As I know with WPBakery this can be done only by adding an extra class to the elements and set the code for remover it in Theme panel> Custom code > Advance css > Phones.

Thank you!

ale.g.
Participant
#0

Good morning,

I need to change – for mobile only – font size of post titles.

I tried to modify style.css:

@media (max-width: 1018px)
.td-post-template-default .td-post-header header .entry-title {
font-size: 32px;
line-height: 36px;

But nothing happened (checking with mobile)

Thanks

Calin
tagDiv Staff

Hi,

As I can see you are using the Newspaper theme not Newsletter.

1. Please make sure that all the settings are like in our requirements, please follow the guide carefully
https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.
Make sure that you set the code -> https://i.imgur.com/s4TnTYC.pngin .htaccess
Also make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

2. We recommend to use for multi-lang the WMLP plugin. You can check one of our website that is using WPML -> https://iflow.ro/en# also please make sure that you set the menu in polylang as in this documentation -> https://polylang.pro/doc/create-menus/ this should work.

3.The border can be set only with custom css, but if you want to set a margin, you can do it by editing the homepage with tagDiv Composers and use this option -> https://i.imgur.com/3eMfdO6.jpg

4. I think that you are referring to this background image -> https://i.imgur.com/czmmmMK.jpg unfortunately there is no option, this background image is set on row like this -> https://i.imgur.com/swcgxja.jpg

5. Sorry, our theme do not have this option, maybe this can be achieve with some plugins, unfortunately I do no know one to recommend, sorry!

6. Please note that out theme do not have any services for this, these are from WordPress, for more details you can check this article about How to Send A Custom Welcome Email to New Users in WordPress.

7. In order to edit the category page with tagDiv Composer you need to do it like this -> https://i.imgur.com/1SZ5cGj.png or you can edit the header template from here -> https://i.imgur.com/upZ2dH3.png and edit the logo after your needs.

If there is anything else, just let me know!

Hope this will help you!
Thank you!

Vlad S
tagDiv Staff

Hello !

You can use this CSS code: .td-page-header .td-page-title {
display:none;
}

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

I hope this was helpful !

Thank you !

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
Now to change the page title color from each category you need to use a code like this -> https://i.imgur.com/MZea8V1.png for the above categories, you can use this custom css
.category-30 .tdb-title-text {
color: red;
}
.category-31 .tdb-title-text {
color: pink;
}
.category-32 .tdb-title-text {
color: green;
}

You can change the color, also you need to set the code in Theme Panel> Custom code> Custom css -> https://i.imgur.com/rDxfsI0.png

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hello Ivancho,

Please note that this iframe is a custom code that you want to use in our theme and it has an inline css (width=”1000″ height=”700″) that can not be overwrite by our theme, also this is not covered by the support theme, but to not say that we do not want to help, I can make a suggestion that can work, set the code in a column text in text area -> https://i.imgur.com/QwOforJ.png and use a custom css for mobile ->
.td-all-devices iframe
{
height: 400px;
}

The code must be set here -> https://i.imgur.com/BmcNuKP.png

Hope this will help you!
Thank you for your understanding!

Vlad S
tagDiv Staff

Hello !

We have managed to recreate it too. This will be fixed in the future update which is coming this week most likely.

You can use this CSS code until then: .td-md-is-ios .tdc-row[class*="stretch_row"] > .td-pb-row > .td-element-style,
.td-md-is-ios .tdc-row-composer[class*="stretch_row"] > .td-pb-row > .td-element-style {
width: calc(100vw + 1px) !important;
}
@media (max-width: 767px) {
.td-md-is-ios .td-pb-row > .td-element-style {
width: calc(100vw + 1px) !important;
}
}

Thank you !

DanielChg
Participant
#0

Hi there i was wondering if it is possible to change the column order for specific rows on a mobile device?

i have about 1/10 skill level when working with css and I was doing a bit of googling and was able to build something like this


@media
all and (min-width: 767px) {
#reverse-cols1 .td-row.vc_row {
display: flex !important;
flex-flow: wrap;
flex-direction: row-reverse;
}
}

however its not working and was wondering if i was doing something wrong

Viewing 25 results - 8,126 through 8,150 (of 33,436 total)