Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

Please notice that deactivating the standard pack will not make the site very fast, the speed will increase because will be load only the css that is use, but the website still need to be optimize, because the speed of your website depends on how well your website 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/

Thank you fr your understanding!

Calin
tagDiv Staff

Hi,

Please provide me a link and I will provide you the necessary css to set the background image only on that section of header.

Thank you!

Calin
tagDiv Staff

Hi,

If you are using a cloud header, you’ll need to edit it with tagDiv Composer, click on the menu -> https://i.imgur.com/8ls7NbH.jpg check the css tab and add a background color -> https://i.imgur.com/EM4scco.png if you want to set the color on the whole width, select the row or inner row and set the color -> https://i.imgur.com/d0L2BRL.jpg
The mobile menu can be edit like the desktop version, only change the port view from tagDiv Composer -> https://i.imgur.com/SowoXwb.png

Hope this will help you!
Thank you!

AlemLolic
Participant
#0

I use single post cloud Romania News how ever through tag div composer in css tab i hide comments div for all screen now don’t know how to get it back but when i try to add new comment block everything is messed up any suggestion what to do?

Calin
tagDiv Staff

Hi,

In order to add the breadcrumbs on your page, you’ll need to use the page builder+page title as page template -> https://i.imgur.com/qOyDhmy.png -> https://i.imgur.com/n6dd5BV.jpg this need to be don for ll pages where you want to display the breadcrumbs, also you can hide the page title if you want using this css -> https://i.imgur.com/aUL8Qic.png

Thank you!

liberoarbitrio
Participant
#0

Hi if I activate google fonts but deactivate thema fonts, the Chorome developer tool reports this error, as if the font css were missing
(index): 65 GET https://fonts.googleapis.com/css?family&display=swap&ver=10.3 net :: ERR_ABORTED 400
Thx

Puneet
Participant
#0

Is it possible to create an exact theme by using newspaper files because we want to uninstall all newspaper supported plugins? We are facing a slow site speed issue continuously after updates. If you can tell us how to copy all theme files (Ex. Header.php, Style.css, footer.php, page.php, index.php, etc.) and then paste them to in a zip file for installation. We want to use the exact functionality and UI that we used in http://www.highonstudy.com website.

steve@tvstrategies.com
tagDiv Member

Hi – Thank you for the advice, for changing the background image in the header. It almost works, but not quite.

See screen shot – https://ibb.co/pRvwwQY

See how the image repeats in the top menu, header area, and main menu?

What is the CSS so that the image does NOT appear in all three areas, and only appear in the header area?

This is the CSS that I used, with the URL of the source image.

.td-header-row {background-image: url(“https://piracymonitor.org/wp-content/uploads/2020/02/Babbage-engine-topbar-3-1100×175-1.jpg”)}

Thank you

Calin
tagDiv Staff

Hi,

For example you can set a class, lat’s say removeSpage and add it on your elements, after that you need to set this class in Theme panel. Custom code> Custom css, here is a cod example to remove the bottom margin
.removeSpage {
margin-bottom: 0;
}

Hope this will help you!
Thank you!

Equapio
Participant
#0

Hi Support-Team,

i am currently trying to build a new homepage (the old one was build with WP Bakery Visual Composer) with the TD Composer and Cloud templates and i can’t figure out a couple things with the new Composer.

1. When i create a new page there is a vertical scroll bar on all viewports and not all elements are completely visible. On the Mobile viewport i can barely click on the Row setting button. I already set the width for all rows and elements to 100%.
2. There is a div container (id=”td-mobile-nav”) at the top with a login / send me my password bar inkl. a link with the anchor text “Click here – to use the wp menu builder”. It’s inside a div container (td-mobile-content).
3. There is a search field i don’t want.
4. The added blocks are not displayed properly and the last element of the block moves down to a another row. Nomatter which block i add.

The page can be seen here: https://dev.equapio.com/home/

How do i get rid of those things?

I am not 100 % sure those issues are all theme related but saw they are in td containers in the code which is why i am asking you for help.

I have been trying all kinds of settings in the Composer and Theme Panel and tried to view it with an inactive style.css and functions.php file but couldn’t figure his out.

Thank you in advance!

emmalabbe
tagDiv Member

Thank you, I’ll add an extra class in the TagDiv ad box from widget. In the widget it’s written “add a class name and refer to it in custom CSS”. Can you help me as I don’t know how to refer it in custom CSS (I know where to add some code but I don’t know how to code something like “margin-bottom: 38px”).
Thanks a lot.

iconshare
Participant
#0

Hello,
I have huge problem with “font-family: Montserrat !important;” I want disable or remove it forever.

I have try to make all fonts “Default”, i have try all css changes but nothing.

Please let me know how to fix it or which css file must see to change it forever.

Thanks

iconshare
tagDiv Member

Hell,
Yes i fix it.

I have use <span> because can not give it as separately element and then i use this (this css depends of the logo size.)

.alignnone {

position: relative;
top: 15px;

}

Hope this help other people!

Calin
tagDiv Staff

Hi,

Sorry, I was thinking that you have other problem. Indeed the menu from your website is resizing, what you can do is to use a strong css like this one:
<style>
.wpb_wrapper .tdb_header_menu{
display: inline-block;
}
</style>

Set it in Theme panel> Analytics like this -> https://i.imgur.com/aXMj6mW.png
This should fix the problem.

Let me know the results!
Thank you!

Calin
tagDiv Staff

Hi,

No, some of the elements have flex and also on anther class or path have display block, or inline block, these will be fine, usually the problem is on specific blocks, or more exactly on flex blocks, please provide me a link to your website, in this way I will be able to help you with some custom css

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

The last time when I visit your website, the desktop version looks like this -> https://i.imgur.com/aFLumKi.png and I suppose that this is a plugin conflict (usually a cache plugin) that’s why I recommended to deactivate the plugins, but if the problem is gone, then is no need to check the plugins.

Yes, on that option I was referring -> https://i.imgur.com/Q1aq37S.png

If you are referring to this website field -> https://i.imgur.com/33HoFZs.png then you can remove it using a custom css (also this field is optional is no need to be completed) -> https://i.imgur.com/6ziyg9e.png
.comment-respond .comment-form .td-form-url{
display: none;
}

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

Thank you!

Calin
tagDiv Staff

Hi,

You can use a css like this one to set a global background image on header -> https://i.imgur.com/Hh9JLEh.png -> https://i.imgur.com/dEQzO54.jpg
.td-header-row {
background-image: url("set your image url from media library")
}

If you want to have a different background on homepage you can use this css
.home .td-header-row {
background-image: url("set your image url from media library")
}

on category page
.category. td-header-row {
background-image: url("set your image url from media library")
}

on articles
.single .td-header-row {
background-image: url("set your image url from media library")
}

You can achieve that block by using tagDiv Composer, edit the page -> https://i.imgur.com/5BROogz.png and add the elements you need -> https://i.imgur.com/vxEmTvt.png -> https://i.imgur.com/Wo74sVq.png => https://i.imgur.com/1coUVEh.jpg

Thank you!

iconshare
tagDiv Member

I fix the problem using css. My opinion is to use in the menu your icons with correct width and height without use css.
Thanks

Vlad S
tagDiv Staff

Hello !

1. Yes, that is possible if you’re using only post template from the cloud library. All the cloud templates are fully editable using the tagDiv Composer. Find out more about it here: https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/

2. Unfortunately without using gravatar that option would not be possible since WordPress only works with that.

3. As you can see here: https://www.screencast.com/t/eKxQCkpAHVH when using an Author Box you will be able to set multiple urls so you can redirect your users to another place.

4. That can be removed using custom CSS. In order to set it on certain posts you will need to specify that. Provide us a page where you’d like to have the word By gone and we’ll show you how to remove it.

Thank you !

#0

Hi – I’d like to use different background images for each of the different pages of my site. I don’t see any way to specify a header background image from Theme Panel > Header (other than to select the layout of the header area).

What would be the custom CSS to specify a header background image?

My site is https://piracymonitor.org

I searched in the TagDiv / Newsmag support pages but I could not find an answer

Thank you

Best regards,
– Steve

iconshare
Participant
#0

Hi,

I had trying many times to add logo in copyright.

When i use it then i am trying to change the width, height etc… in live css or in custom css.
When i update the changes then my settings lost.
http://new.agravia.gr/

https://prnt.sc/qxfnur

Thanks

mattemkadia
tagDiv Member

Hi Calin, we have multiple flex blocks accross our site, example CSS is

.tdi_95_a94 .td_module_wrap {
width: 25%;
float: left;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 18px;
margin-bottom: 18px;
display: flex;
}

Do we need custom CSS for EVERY flex block id? i.e. tdi_95_a94, tdi_98_b99, tdi_104_455?

Calin
tagDiv Staff

Hi,

Yes, this problem appear because the ie11 do not recognize the css style flex, please provide me a link to your website and some details, screenshots with the elements that do not work for you in ie11 and I will help you with a custom css.

Thank you!

delphinet
tagDiv Member

We tried with no success the installation of a menu. Can you provide us a plugin name that:

CSS Menu Based
– Called by Shortcode
– 100% compatible with Newspaper Theme

Thanks

Vlad S
tagDiv Staff

Hello !

For the text you can use this css code: .wp-block-button:not(.is-style-outline) .wp-block-button__link {
color: red;
}

Thank you !

Viewing 25 results - 8,426 through 8,450 (of 33,436 total)