Search Results for 'css'

Results from the Forum
Simion C.
tagDiv Staff

Hi,

The theme thumbs have a class you could use in the CSS
https://www.screencast.com/t/hcEknhq0E1KJ
That class will only appear on thumbnails so it will not affect all the images, you could use it in the code.

Thanks

Simion C.
tagDiv Staff

The theme container width is 1068px by default, the rows used in the tagDiv composer can be stretched as shown above. Within these stretched rows it would be best to use flex blocks instead of the predefined blocks (1 to 25).

If you force the theme container to a different width with CSS, there will be problems overall. It is not recommended to do so as it may break the theme design. Please try and use the available composer settings to build the pages/cloud templates instead of using CSS.

rakeshbarwar
Participant
#0

Q1.) Is there is any way to enable slide or swipe:
~ swipe left to open the menu.
~ swipe right to open search menu.

If there is any CSS code for that, Please mention ASAP.

Q2.)
Also, do adding CSS codes in the child theme increase the site load time?

BenaresBulls
tagDiv Member

Sir, now the problem is solved. It is some cases code issue. I put some google ad manager code with CSS codes in theme panel ads area. Now the problem is solved.

jhansen
Participant
#0

Hello, first of all, wanted to let you know I am a web developer and quite familiar with WordPress. That being said, I want to start and say I am surprised there is no email I can send questions to to get support. That being the case I am writing this on this board.

I am extremely bothered by the fact there are .less files in the Theme, which look like were evidently used on some sort of deployment to create a concatenated style.css file with many different options, and there is no information about this process provided. Basically if I want to change one of the widgets, or customize anything, I’d like to do it via the original css or less. Changing the style.css is a horrible idea. How come there can’t be information provided so we can process the less files as they originally were when we make changes? I feel like the makers of this theme want to restrict people’s ability to make their own changes. For example, the Author box looks horrible in the content panel. To think I can’t take that and make changes easily to it in a less file, which is where the styling is defined is frustrating.

Also want to say it would be nice if there was developer documentation included with this Theme. Also for the record, the main style.css file is 31,000 lines of code and for newspaper 42,000 lines. This is ridiculous and I question the performance immediately of this Theme.

Thanks.

gmgrundy
tagDiv Member

Hi, I have a few more issues after deactivating Maintenance mode:

– gaps at the top of pages (I’ve checked CSS). It’s automatically doing it for all pages only. See link for example: https://www.lifewithoutmeat.com/contact-us/
https://www.lifewithoutmeat.com/

– gaps between text and above footer. See example links:
https://www.lifewithoutmeat.com/contact-us/
https://www.lifewithoutmeat.com/

– random block of white in row:
https://www.lifewithoutmeat.com/about/

Thanks

gmgrundy
tagDiv Member

Hi,

Thanks for your advice, I have edited the margins of each block now and it works. Perhaps before I was trying to edit the CSS of the wrong bit.

Thank you and hope you had a good Christmas and New Year

newsblaze
Participant
#0

style.css is 922kb.

Is there an easy way to strip out unneeded code?
I know which modules and styles I am using, and I’ve stripped CSS manually before, but it takes more than an hour to do it and it is possible to get it wrong.

SoNowner
Participant
#0

Hi there and happy holidays,

Could you help me with the api integration? Not sure if it’s the WP theme code or not, but i’m not getting the “Buy Images” overlay button when I try to wrap the image url the the tag div code they have instructed.

Here are their instructions: https://developers.canvaspop.com/documentation/integration-wordpress

Here’s the page on my website i’m trying to input the code:

the url is https://createfatemedia.com/for-sale

A few things to note:

1) looking at the code from the page it appears that it has recoded/shortened the standard code? See below

standard image url:

<img src=”http://lorempixel.com/200/200/&#8221;

my theme image url on the gallery page:

[tdm_block_inline_image image=”492″ display_inline=”yes” image_height=”560″ image_width=”1000″ tdc_css=”eyJhbGwiOnsicGFkZGluZy10b3AiOiIxMCIsInBhZGRpbmctcmlnaHQiOiIxMCIsInBhZGRpbmctYm90dG9tIjoiMTAiLCJwYWRkaW5nLWxlZnQiOiIxMCIsIndpZHRoIjoiMzMlIiwiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJwYWRkaW5nLXRvcCI6IjUiLCJwYWRkaW5nLXJpZ2h0IjoiNSIsInBhZGRpbmctYm90dG9tIjoiNSIsInBhZGRpbmctbGVmdCI6IjUiLCJ3aWR0aCI6IjEwMCUiLCJkaXNwbGF5IjoiIn0sInBob25lX21heF93aWR0aCI6NzY3LCJwb3J0cmFpdCI6eyJwYWRkaW5nLXRvcCI6IjUiLCJwYWRkaW5nLXJpZ2h0IjoiNSIsInBhZGRpbmctYm90dG9tIjoiNSIsInBhZGRpbmctbGVmdCI6IjUiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ modal_image=”yes” content_align_horizontal=”content-horiz-center” media_size_image_height=”900″ media_size_image_width=”900″]

Thanks in advance for your help,

GiacomoLaw
Participant
#0

Hi all

I sometimes get this issue: https://i.imgur.com/5wmY24t.png

Where the css does not load. How can I fix this? It loads fine on desktop.

Thanks

luqueriasas
Participant
#0

Check it and you will see that when choosing the template “pagebuilder + latest articles + pagination” options for latest articles don’t show if u don’t digg on css… or am i wrong? thanks

Edivaldo
Participant
#0

Hello.

I installed the NewsMag Clear Voice theme and I think it’s fantastic. But it has a CSS compiled by the theme and I can not find it.

on my site https://www.tudoexcel.com.br it starts at line 311 of the source code

<! – Header style compiled by theme ->

What I need to do is change these lines, because I created CSS peronalized by the Admin panel (Newsmag – Theme panel), but the other classes are still embedded in the pages.

The website loads with some delay and height in the middle menu. This menu, I did it with height: 42px, however in the style compiled by the theme it is with height: 60px and I did not find the file to change that.

Could you tell me where I found these CSS classes?

The second question:

In the editor, the Smart List is not working. What do I do for the Smart List to work?

greetings

Edivaldo

Alexplcr
tagDiv Member

My website is offline, i work on my local post !

I take new screenshoot with html and css code !
1 fullscreen shoot and 1 medium screen shoot !
https://ibb.co/sm0dL64

Thx

Best regards

Ryansmccain
Participant
#0

I’m getting 404 errors like this in my logs. I notice many times the URL ends with “?14”. What exactly does the “?14” do?

array(
Attempts => 2
ClientIP => 83.220.236.220
Msg => times
URL => https://www.interestinganswers.com/science/css/images/icons/newspaper.ttf?14
UserAgent => Mozilla/5.0 (Linux; Android 5.0.2; Blade S6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.99 Mobile Safari/537.36
Username => Website Visitor
)

array(
Attempts => 1
ClientIP => 40.77.189.120
Msg => times
URL => https://www.interestinganswers.com/food/css/images/icons/newspaper.svg?14
UserAgent => Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534+ (KHTML, like Gecko) BingPreview/1.0b
Username => Website Visitor

Bogdan B.
tagDiv Staff

Hello,

Please provide a link with a page as you mention. We will need to inspect these empty spaces. Are they any different from the default spacing on our demo? https://demo.tagdiv.com/newspaper/
Each block has margins and padding. These can be set to custom values in the css tab for each block in particular in the tagdiv composer: https://www.screencast.com/t/8BjhjdfNAmL

Thank you!

munvik
tagDiv Member

Trying to add css:
Newspaper>>Theme Panel>>Custom Code>>Custom CSS or Advanced CSS

similar issue with custom javascript and custom html (See image on given link)
https://www.dropbox.com/s/u0fyv9y6y6r6fpu/newspaperissue.png?dl=0

Simion C.
tagDiv Staff

Hi,

Only some of the flex grids have an option to disable the hover effect, for example
https://www.screencast.com/t/JbHdVMzPOyy

Fro those grids I could give you a code that can be entered in the theme panel Custom CSS section, it should remove the hover effect for those two grid types

.td_block_big_grid_fl_1.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb,
.td_block_big_grid_5.td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none;
}

Thanks

Bogdan B.
tagDiv Staff

Hello,

Please provide more details to where you are seeing display:hidden? there is no such thing in css. The display property only allows these values:
https://www.w3schools.com/cssref/pr_class_display.asp
The visibility property however has hidden:
https://www.w3schools.com/csSref/pr_class_visibility.asp

Thank you!

Simion C.
tagDiv Staff

Hi,

That seems to be the case, I will add this issue on our list and it will be fixed as soon as possible. The overlay should page template have priority over the background color of the menu.

In the meantime as quick fix, please enter this code in the Custom CSS section of the theme panel

.page-template-page-pagebuilder-overlay .td-header-menu-wrap-full {
background-color: transparent!important;
}

The menu background color set in the theme panel should not affect the pages that use the menu overlay template after this code is used. Sorry for the inconvenience and misunderstanding.

Thanks

Alexplcr
Participant
#0

Hi,

I use newspaper theme with classic demo to custom my website, but I have a problem.

When I reduce my screen size, font size change (responsive) for “column title” element but not for “title” element:
Show in capture : https://ibb.co/B6LtXWm

How can modify font size element with media css query ?
I try with this :

@media screen and (max-width: 768px) {
    .td-block-title{
        font-size: 70px;
    }
}

But is’t not work !
How can i configure all font size of all element in my style.css (newspaper Child theme)

Best regards

Calin
tagDiv Staff

Hi,

Unfortunately our theme do not have this option, the color for menu will apply on entire
website, in order to have a different color on menu, on home page you need to use some custom css
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
here is one example -> https://www.screencast.com/t/FAazbkYOsfo4
.home .td-theme-wrap .sf-menu .td-normal-menu .sub-menu, .home .td-theme-wrap .sf-menu .td-normal-menu .sub-menu,
.home .td-theme-wrap .sf-menu li a:hover {
background-color: blue;
}

Thank you for your understanding.

Simion C.
tagDiv Staff

Hi,

It’s not really a problem if there is no issue by default. The CSS from the AMP plugin is about 36KB so it’s well below the 50KB limit set by AMP.
There would be nothing to do about it, we can’t remove CSS from the AMP plugin to create more room for CSS loaded by plugins. If Google created this rule it has to be respected in order to have valid AMP.

Thanks

Calin
tagDiv Staff

Hi,

Please set this custom css in Newspaper>Theme panel>Custom code >Custom css
https://www.screencast.com/t/AYcjEFOtGIn
.menu-top-main-menu-container .td-mega-menu ul.sub-menu {
width: 1400px !important;
left: -100px !important;
}

Also you can read this topic: -> https://forum.tagdiv.com/topic/adjust-the-number-of-posts-in-megamenu/

Hope this will help you.
Thanks.

Calin
tagDiv Staff

Hi,

In order to do that you’ll need to use some custom css
https://www.screencast.com/t/icRYwx4Wq
.td-header-wrap .td-aj-search-results .td-module-thumb{
display: none;
}
.td-header-wrap .td-aj-search-results .item-details {
margin: 10px 20px 10px 20px;
}

If you like the above results, the just copy the above custom css and paste it in Newspaper>Theme panel>Custom code>Custom css
Hope this will help you to achieve what you want.

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If the h1, h2 .. or others are in post you can select them and press ctrl+u
https://www.screencast.com/t/kvGZ93OOdd
https://www.screencast.com/t/aXzXsynyJ0dQ

Or you can use custom css
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
https://www.screencast.com/t/DE11GBv0oA

Thank you.

  • This reply was modified 7 years by Calin.
Viewing 25 results - 11,751 through 11,775 (of 33,436 total)