Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

In order to do that you need to use some custom css ->
.vc_widget_sidebar {
display: none
}

set that custom css in Newspaper>Theme panel>Advanced css and set it in area for what device you do not want to have the widget -> https://www.screencast.com/t/2PZmXuxi

Thank you!

Calin
tagDiv Staff

Hi,

Please try this custom css ->
.single .tdb_single_bg_featured_image::after{
background: transparent;
}

https://www.screencast.com/t/w9MwMRY45h

Hope this will help you!
Thanks.

Calin
tagDiv Staff

Hi,

Please provide a link were I can inspect this problem, in this way I will be able to provide you the right custom css.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

Please try this custom css
.td-module-thumb:hover img{
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
transition: transform .3s;
}
.td-module-thumb img{
transition: transform .3s;
}

-> https://www.screencast.com/t/1CGNHVZvW1m

Set it in newspaper>theme panel>Custom code>Custom css

Hope this will help you.
Thanks.

Calin
tagDiv Staff

Hi,

In order to add or remove those you need to go in Newspaper>Theme panel>Social networks -> https://www.screencast.com/t/XfOyRPnifsoR but note that this social will be display on all device not only on mobile.
Also in order to set them only on mobile or desktop you’ll need to use custom css.
Unfortunately our theme do not have any option to let you to reorder the social networks, this can be achieve only custom css too.

Thank you for your understanding!

Catalin
tagDiv Staff

Hello Danela,

Try the code below and place it in Theme panel -> Custom CSS area.

.td-container, .tdc-row {
width: initial;
}
.td-header-sp-phone{
margin-left:10px;
}

Thanks.

Calin
tagDiv Staff

Hi,

Unfortunately our theme do not have yet that option, you can set the class in custom css for example -> https://www.screencast.com/t/VdGCBVm4bB
You can check more about this here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you.

miro382
tagDiv Member

Hi,
thanks, but I want third image not be affected by CSS. Only first and second image I want to be affected by CSS. I want third image to be modal and CSS affected this image height too. Can be this CSS aplied only to first and second image?
I have:

I Want:

Simion C.
tagDiv Staff

So you are referring to this cloud post template
https://affiliate.tagdiv.com/#/single/single/Single/24
The background colors are set for the rows, in the CSS tab – http://prntscr.com/maxrir
There you can change them to the color you want – http://prntscr.com/maxrtr
In my case there is no problem with this setting, something must be causing this issue in your case.

We could take a look at it, send us admin login at contact@tagdiv.com and we will check the cloud template. Include a link to this topic in the email.

Calin
tagDiv Staff

Hi,

I just investigate this problem, and is seams to be a demo customization and this has a strong css that is apply over tagDiv Composer style and in order to set that color you need to use a custom css, also please remove the category text color from the footer in this way that style will no more try to be set.
.td-spa .td-footer-wrapper .td-post-category {
color: #e5ad25;
}

Please set the css in Newspaper>Theme panel>Custom code>Custom css

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

The change appear because first time is load the css from theme file, after that is set the css from theme panel, in order to make this to disappear you can optimized you website, you can try our page-speed guide -> https://forum.tagdiv.com/how-to-make-the-site-faster/

For icons on menu you need to install Font Awesome 4 Menus plugin, please check our documentation for How to add an icon in menu -> https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thank you.

lazdim
Participant
#0

Hi,
I just installed the latest theme’s version and the “News Magazine” demo.
When the home page loads, the top menu, top bar and main menu colors show up differently and they switch to normal after a second or two.
Also, the main menu does not have the icons in the menu links.
Here is my demo.

I found this code in style.css file but I don’t want to change it because the change will be lost when I will update the theme:
a {
color: #4db2ec;
text-decoration: none;
}

Can you, please, help me with this?

boruxk
Participant
#0

is it possible to write page or post-wide (not site-wide) custom css in the tagdiv composer,
like in wp bakery page builder?

i see there only site-wide custom css button in the footer of composer

miro382
tagDiv Member

hi,
thanks, works good, but only working for width. But height is still 250px for non inline image. I want only set height 250px to first two (inline) images. Another modal images I want them looks like default inline modal images without css.
Current:
Current status


What I want for no inline modal image:

What I want no inline

Thanks

  • This reply was modified 7 years by miro382.
nextnorth
Participant
#0

Hi I have recently purchased this theme and am generally impressed by the options available.

However, when trying to edit a page with the Tag Div Composer, the interface takes about 40 secs to load having pressed the blue button at the top of the page.

I have searched forum and come across various threads but none of suggested solutions are working. I can’t see anything on console either apart from a missing css file which I have re-created.

Please could advise on what to do next. It is pretty unworkable as it is.

Thanks

(PS running Worpress 5.03 on a reasonably fast server – everything else is loading normally)

Calin
tagDiv Staff

Hi,

Please try this custom css
.td-header-menu-wrap ul li a,
.header-search-wrap #td-header-search-button .td-icon-search{
line-height: 48px!important;
}
.td-header-menu-wrap-full, .td-header-menu-wrap ul li a {
height: 48px!important;
}

-> https://www.screencast.com/t/ZDWggO4Pm
-> https://www.screencast.com/t/QUM6q6BHb

Hope this will help you!
Thanks.

Calin
tagDiv Staff

Hi,

Please set this class first .tdm-inline-image-wrap like this -> https://www.screencast.com/t/KVOKKN1hhxN in this way the css will apply only on inline images.

Hope this will help you.
Thanks.

Simion C.
tagDiv Staff

Hi,

The weather widget in that demo contains a customization for displays larger than a certain width, this will make the text lowercase. For example
Desktop – http://prntscr.com/majsao
Mobile – http://prntscr.com/majsho

You could use some CSS to make it capitalize it permanently
http://prntscr.com/maju1k
This is the code for it, you can enter it in theme panel custom code CSS section

.td-business.home .td-business-home-row .td_block_weather .td-weather-header .td-weather-city {
text-transform: capitalize!important;
}

The issue you are having with the footer is quite unusual. The footer should be same as in the homepage, and how it is in the demo
https://demo.tagdiv.com/newspaper_business/brexit-would-trigger-economic-and-financial-shock-to-uk/

In your case it looks like the footer section is part of the main content for some reason. Did you make any modification tom the post template files? or maybe enter ad codes in the theme panel (check them if you did, check the tags to be closed properly or test without them). Let me know.

Thanks

Austenit
tagDiv Member

It`s work for floating menu bar when user scrolling, but i need css for not floating menu which have more height than floating menu.

Calin
tagDiv Staff

Hi,

If you want to hide this social on mobile -> https://www.screencast.com/t/7zN10vM0xY6Q you can use this custom css
#td-mobile-nav .td-menu-socials {
visibility: hidden;
}

https://www.screencast.com/t/EV37DPnlch7

Thank you.

Catalin
tagDiv Staff

Hi,

1)Try to use the code below and place it in the editor_style.css core file.

#wpadminbar{
display:none;
}

The result -> https://www.screencast.com/t/fqsYxjjX9KV

2)You need to find some Maintainace plugin -> https://wordpress.org/plugins/maintenance/

Thanks.

Calin
tagDiv Staff

Hi,

Please try this custom css
.admin-bar .td-header-menu-wrap.td-affix {
height: 48px;
}

If the code do not work please let me know which demo are you using and which header style.

Thank you for your understanding.

Catalin
tagDiv Staff

Hi,

It seems to be a mini-bug which will be fixed in future update. Until this, please use the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.tdm-btn-text{
pointer-events:none!important;
}

Thanks.

wilhard
tagDiv Member

Thanks. I changed CSS and it work out for desktop. But it didn’t effect the mobile version. Please, what is the CSS code for both mobile and desktop?

Calin
tagDiv Staff

Hi,

That depend on what feature you want on mobile theme.
Please note that the mobile theme is made simple, in this way is faster, so for mobile theme you can use custom css , but if you want to have more blocks/modules or effects please deactivate the mobile theme and use only the theme, also some blocks like flex blocks can be set on each device.

Thank you for your understanding!

Viewing 25 results - 11,501 through 11,525 (of 33,436 total)