- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi Nagarig,
As I know the Instagram is no longer working correctly -> https://forum.tagdiv.com/topic/instagram-legacy-api-permission-basic-permission-was-disabled-on-june-29/
For YouTube you must have the api set in theme panel to work -> https://forum.tagdiv.com/youtube-api-key/
Also if you do not want to display the number of fans/followers you need to use a custom css, this is the only way to remove it the numbers from social.
If there is something that you can not handle, jet me know and I will help you with some more details.
Have a nice weekend!
Hi Team,
I’ve been trying this to adjust thru Theme Panel and CSS but failed.
please see images:
panel settings
actual ad
Hello !
That you should be able to edit it using tagDiv Composer CSS. You can see how to edit css follow our video guide here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=2s
Thank you !
Hello,
How can I disable the CSS generated by the theme to save it in a static file? It’s possible?
Thanks,
Marcelo Berwanger
Hello, I’m using GTMetrix for performance analysis.
You are displaying the inline css alert. Any suggestions on how to resolve this issue?
Thank you.
There are 81 components that can be minified
inline <style> tag #2
inline <style> tag #4
inline <style> tag #6
inline <style> tag #8
inline <style> tag #9
inline <style> tag #11
inline <style> tag #12
inline <style> tag #14
inline <style> tag #15
inline <style> tag #17
inline <style> tag #18
inline <style> tag #19
inline <style> tag #20
inline <style> tag #21
inline <style> tag #23
inline <style> tag #25
inline <style> tag #26
inline <style> tag #27
inline <style> tag #28
inline <style> tag #30
inline <style> tag #33
Hi,
If you want to set these changes in mobile theme file style, you can do it in this file wp-content/plugins/td-composer/mobile/style.css search for “header .entry-title ” -> https://i.imgur.com/gVCaVSm.png hope this will help you!
Thank you!
Hi,
I’ve added the following CSS line on the mobile area:
#homepage-logo-dani-row .tdm-image-box{ background-image: url('https://fitnessperlei.it/wp-content/uploads/2020/07/home-page-dani-fitness-mobile.jpg')!important;}
If I see the source code of the page, once rendered, I see the following line:
#homepage-logo-dani-row .tdm-image-box{ background-image: url(\"https://fitnessperlei.it/wp-content/uploads/2020/07/home-page-dani-fitness-mobile.jpg\")!important;}
As you can see an incorrect escape is added to the code after page loading. In this way, my css is not working.
You can see it on http://www.fitnessperlei.it using the mobile version.
Thanks,
Max
In critical CSS generation of wp rocket plugin, I found an error.and also I have an error in site health tab I found 3 issues of timeout. here I attach a screenshot of both my errors. For this error, I also contact my hosting provider but the hosting provider replies to me on server-side there are no issues.it may be caused by theme.
Thanks! I’m sure I can use custom CSS for now.
The code works but causes an layout shift 🙁 At first the H1 and the content are loaded with the originally defined space between them and after some miliseconds the new defined increased space is shown. Is there a way to put these part of code in the style.css directly?
Greetings Kathrin
Hi SvijetS,
You can use mobile theme plugin with amp plugin, in this way you can use custom css and you can set it in Theme panel> mobile theme> Custom code> custom css and if you’ll set the amp classes of element, then it will be apply only on amp.
Example of code that will apply only on amp -> https://i.imgur.com/8tbi8PZ.png
Thank you!
Hi,
please how to make custom css class and where to make css document only for AMP theme.
thx
Hello,
My site is sustainabilitynext.in
I was scanning my site for SEO. I wanted to add Meta Tag and Meta Description without the use of Yoast SEO Plugin, as I did not want to stuff the website with many CSS and JS files.
Is there any way to do it without the use of any plugins? Can you please help me?
Hi,
you said “The text changes you should be able to edit them using tagDiv Composer. There’s no need for css”. I don’t think so. Title end description size is not dependent on viewport. Could you please clarify with a screenshot how can I do it?
Thanks,
Max
Hello !
The text changes you should be able to edit them using tagDiv Composer. There’s no need for css.
1. Simply select another viewport, you should be able to see and remove it.
2. Unfortunately this option is not avilable at the moment.
Thank you for your understanding !
Ok. But is there also a way to do it in the style.css for the mobile theme? If yes, where I can find it in the style.css?
Greetings Kathrin
Hello !
That can be achieved using this css code: header .entry-title {
margin-top:15px;
margin-bottom: 15px;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Thank you !
We do see that Flex Blocks allow for the rounding of corners on thumbnails within a block. Wondering if there is some way to specify to round corners for thumbnails only by category? For example, only present rounded corners on images of columnists or images of opinion articles vs. news articles? Anything more granular than by block? And are we able to use regular blocks yet to achieve the rounded corners, even with CSS, or still limited to Flex Blocks? Thanks so much!
Hi,
the website is https://fitnessperlei.it/ and the image I’m referring to is the big one on the home page (only this one!).
I tried with “Advanced CSS” section on Theme Panel without success. I expected a unique and fix data-td-block-uid value while it is not like that (it changes every page refresh) so I don’t know how to apply this style only on this image block.
I did something like this:
div[data-td-block-uid="tdi_60_ee8"] div.tdm-image-description h3.tdm-title-md{font-size:20px!important}
but it doesn’t work due to the reason explained above. By deleting the div[data-td-block-uid=”tdi_60_ee8″] it works but it is applied to everything with a NOT controlled way.
I have two additional questions:
1. how can I show a component once I have hidden it from tagdiv composer UI? I cannot select it once hidden…
2. How can I load a different element according to the viewport? I don’t want to “play” with hidden style because that means two images are loaded (increasing the size of the page).
-
This reply was modified 6 years by
Maxyct.
Hi,
Is possible to have that image set as background image on single post template on content, you can check this, by clicking on any element from content after that click on content and check the css tab -> https://i.imgur.com/neqGcoW.jpg
Thank you!
Hello !
By editing the header using tagDiv Composer you ca set a greater padding. Find out more in our video guide where you can see css adjustments: https://www.youtube.com/watch?v=fa7GenCHcBU&t=2s
Thank you !
Hi,
If you want to remove the “ABOUT US” block then you’ll remove the “Privacy Policy” too, but you can use a custom css only for about section:
.td-footer-description .block-title {
display: none;
}
The code need to be set in Theme panel> Mobile theme> Custom code> css.
The amp plugin need to be use with mobile theme plugin, as results the amp will have the same templates as mobile theme.
Thank you!
Hi,
Please try this custom css -> https://i.imgur.com/HFTX6aS.png
.woocommerce .td-container-wrap {
background-color: #111;
}
.xoo-wsc-basket {
bottom: 50%;
}
Hope this will help you!
Thank you!
Hello !
This option is possible if you are using Cloud library templates. By using the css editor from TagDiv Composer you will be able to set the margins and padding on the elements in order to overlay them. You can find out how the csseditor works here: https://www.youtube.com/watch?v=fa7GenCHcBU
Thank you !
Hello !
1. You can take a look at our video tutorial here to have an ideea on how to edit the rows so you can create your layout as shown by you: https://www.youtube.com/watch?v=fa7GenCHcBU
2. Unfortunately not. tagDiv Composer works only on Cloud library templates. You can take a look at a template that is closest to your default one and only apply small changes.
3. For this you will need a css code. provide a link to the page you want to disable the title and we will take a look.
Thank you !