- 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,
In order that the code to apply for all images that you have and are part of custom ad 2 you need to set this code in the theme panel > custom code> custom css.
Thank you!
How to change for each different modules ? From that custom CSS it worked but changes to all modules. I have white and blue background.
Hi,
Those are the banners that you set as ads, so you can set between them a
you can use a custom css -> https://i.imgur.com/j12uNdO.png
.td-a-rec-id-custom_ad_2 img{
margin-bottom: 10px;
}
I hope this will help you!
Greetings.
We have received notification from Monotype fonts that we may be using fonts from them that may not have been licensed.
We are using the Newspaper theme ; from my checking on the website, I have seen that the theme uses Helvetica as a secondary option and perhaps Monotype’s email to us refers to the use of Helvetica.
Is there any chance something of the following holds:
1. Helvetica files are loaded inside the theme ( and thus on the servers).
2. Helvetica fonts are called via a CDN inside the css
3. For any of the above or any other alternative, is there a chance that these fonts are not licensed by the theme is some way?
Thank you for your time. I am at your disposal for anything you may need to better understand the issue at hand.
Thank you Bettina
and is it possible to give the category column a CSS :active Selector and how?
Hi grezako,
Our theme has a builder that can be used to edit the website directly on the frontend, therefore is no need to use custom css. All you need to do in this case is to edit the homepage using tagDiv Composer select the row from header and check the css tab from the builder -> https://i.imgur.com/qaXZvlM.jpg -> https://i.imgur.com/I4iYZi1.jpg
I hope this will help you!
Let me know the results!
Hello.
We want to change the background color of the whole line of the “td-demo-custom-menu” to orange as you can see in the screenshot with the places circled in green color.
At the web browser level, we were able to do it simply by changing:
.tdi_41_rand_style {
background-color: #f4f4f4 !important;
}to:
.tdi_41_rand_style {
background-color: orange !important;
}And that gives the result of the following screenshot: https://ibb.co/mb4d3LV.
But when, we copy our code from the modified “orange” background into the “Live CSS” field, no changes are made. We even cleaned the cache but nothing has changed.
How then, to change the background color or the Background-color of the whole header containing the “td-demo-custom-menu” ???
Thank you for helping us please.
Looking forward to your message.
Hi honlim,
That padding is added by default, what you can do is to set on the inner column a padding 0, this can be done using tagDiv Composer, edit the page, select the inner column and in css tab set the padding like this -> https://i.imgur.com/XaypToi.png
I hope this will help you!
Hello,
The mobile theme comes with its own templates/design for pages, posts, categories, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/3
Also, if you want to hide the featured image on the blocks, you can hide it with custom code CSS -> `
.td_module_mob_1 .item-details {
margin-left: 0px;
}
.td_module_mob_1 .td-module-thumb {
display: none;
}
` => https://i.imgur.com/mClWxeM.png
This need to be set in the theme panel> mobile theme > custom code> css.
Also, if you want to have more control over the mobile version, you can use the mobile page and you can make the changes with tagDiv Composer, like on the desktop version.
Thank you!
Hi Anamaria,
thanks for your answer. When I apply the second part of the comment actually what I get is a list of posts from several categories with the image I choose from CSS as a background.
What I really want is not to show posts from the categories, I want to show just the category titles, each with its own category image.
Is that possible?
Thank you
Hello @zaporo!
I can see that you have set up a 200px margin on the row or column in the CSS tab, please check while you edit the mobile page with the TagDiv Composer.
Let me know the results!
Thank you!
Hello.
After changing the text link color,
The button link color also changes.
The following URL is the content of the question.
—-
https://kimstipguide.com/wp-content/uploads/2021/12/21-12-14.jpg
—–
What I want is that the button link text color should not be applied.
Here is the custom CSS code.
.tdb_single_content a:not(.wp-block-button__link){
text-decoration: underline!important;}
thank you.
https://kimstipguide.com/the-best-high-specification-gaming-computer/
Good evening if I try to click on the “New Article” at the top, I get the custom css code in which an opening <style> tag is missing.
Can you tell me which file to edit to get rid of this error. Below is the css code shown immediately after the body tag:
/* custom css */
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 .tdb-block-inner{
max-width: none;
margin-left: auto;
margin-right: auto;
}.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 img.aligncenter,
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 .aligncenter img{
margin-left: -0px;
width: calc(100% + (2 * 0px));
max-width: none !important;
}.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69,
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 > p,
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 .tdb-block-inner > p{
font-family:Source Sans Pro !important;font-size:16px !important;line-height:1.6 !important;
}.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 .tdb-block-inner blockquote p{
font-family:Gelasio !important;font-style:normal !important;
}
/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69,
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 > p,
.td-gutenberg-editor .editor-styles-wrapper .wp-block2_b69 .tdb-block-inner > p{
font-family:Source Sans Pro !important;font-size:15px !important;line-height:1.6 !important;
}
}</style>
Hello @schoolvolley!
This is the code which is changing the font size for blockquotes :
For Gutenberg:
.wp-block-quote:not(.is-large):not(.is-style-large) p { font-size:15px!important;}
For Classic Editor:
.wp-block blockquote p, .wp-block .wp-block-freeform blockquote p { font-size:15px!important;}
If you paste the codes in the custom css section, then the changes will not be applied.
The codes needs to be placed in the file:
wp-content/plugins/td-composer/legacy/Newspaper/assets/CSS/td_guten_blocks_editor.css
Thank you!
Hello,
You can change the background color on each row from the tab called “CSS” -> https://i.imgur.com/paAFo3g.jpg
Also, to change the logo please check this article https://forum.tagdiv.com/add-logo-newspaper/
Thank you!
Hello,
So, if you want to set a background image for each category please check this article -> https://forum.tagdiv.com/set-background-category-page/, also, if you want to have a block with that category on the homepage, you can add a Flex Block, and filter it -> https://i.imgur.com/hkjXTSB.jpg on that category and set background image from the tab called “CSS” => https://i.imgur.com/HdoAtS1.jpg
Hope this helps you!
Thank you!
Hello @kimstipguide!
Paste this CSS code when you access a post in the Live CSS:
.tdb_single_content a:hover {
text-decoration: underline!important;
Let me know if this is what you mean.
Thank you!
How do I make this column section sticky and how do I make the CSS :active Selector on the column sticky?
Like this https://imgur.com/a/QtTTYks
https://news.detik.com/index
Hi tagdiv team, im editing the mobile template for article page, however the gap below the menu header cannot be removed. ive tried to look into the css settings but didnt find any solution. please guide me to solve this problem. thank you
my website is https://techlagi.my
How to fix Eliminate render-blocking resources showing in Google pagespeed?
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles.
following files are affecting the performance.
/wp-content/plugins/td-composer/mobile/style.css?ver=11.3.2
/wp-content/plugins/td-composer/assets/fonts/td-multipurpose/td-multipurpose.css?ver=810534ce963cec6bd2e7978db2c935c9x
/wp-includes/js/jquery/jquery.min.js?ver=3.6.0
/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2
Hi all,
Thanks for all your help.
I’d like to get my search icon on the same line as the title and menu bar. But on my pretty standard Samsung phone it wraps underneath.
Inspecting it shows padding but if I change the css padding on the row, columns or elements I have not got the result I want.
I’ve tried to customise by inspecting the code and adjusting the padding, but it perhaps the div width is the issue.
Any thoughts would be helpful.
I was hoping not to have to create a special mobile phone page (as that sounds like it is taking me down a very long path), if I could just adjust the header…
Pete
We have created a new site in our dev environment and all works perfectly in the dev environment. When we deploy the dev site to the new production (live) environment and point our domain to it, we are receiving many PHP Out of memory errors.
This is only happening when the site is live to the public and starts receiving a lot of visitors (traffic).
The sites PHP.ini memory limit was 256MB on the dev and prod and we bumped this up to PHP.ini memory limit to 756MB to see if this resolve the issue. No LUCK..Same errors.
Do you have any insight into what may be causing this? I can send over site credentials if needed. Your assistance is greatly appreciated.
Below are a few lines of error code from our Apache error log:
[Thu Dec 09 15:25:28.953395 2021] [proxy_fcgi:error] [pid 2809:tid 140591727834880] [client 175.176.54.3:16106] AH01071: Got error ‘PHP message: PHP Fatal error: Out of memory (allocated 4194304) (tried to allocate 24576 bytes) in /bitnami/wordpress/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_buffer.php on line 33’, referer: https://www.google.com/
[Thu Dec 09 15:26:00.081537 2021] [proxy_fcgi:error] [pid 3333:tid 140592038266624] [client 198.245.41.130:55658] AH01071: Got error ‘PHP message: PHP Fatal error: Out of memory (allocated 27262976) (tried to allocate 20480 bytes) in /bitnami/wordpress/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 2934’
[Thu Dec 09 15:26:00.585914 2021] [proxy_fcgi:error] [pid 3465:tid 140592969332480] [client 198.245.41.130:46019] AH01071: Got error ‘PHP message: PHP Fatal error: Out of memory (allocated 14680064) (tried to allocate 40960 bytes) in /bitnami/wordpress/wp-content/plugins/td-composer/legacy/common/wp_booster/td_util.php on line 2937
[Thu Dec 09 15:26:06.486111 2021] [proxy_fcgi:error] [pid 2825:tid 140592558319360] [client 198.245.41.130:16087] AH01071: Got error ‘PHP message: PHP Fatal error: Out of memory (allocated 6291456) (tried to allocate 61440 bytes) in /bitnami/wordpress/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php on line 18’
[Thu Dec 09 15:26:09.981622 2021] [proxy_fcgi:error] [pid 3333:tid 140591744521984] [client 66.249.66.158:40280] AH01071: Got error ‘PHP message: PHP Fatal error: Out of memory (allocated 6291456) (tried to allocate 57344 bytes) in /bitnami/wordpress/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_compiler.php on line 74
Hello Filip!
There is a custom CSS : https://www.screencast.com/t/nMa4xRVrLzli when you edit the homepage with the TagDiv Composer. Change the color from the code or delete the code and write your own CSS code.
Thank you!
Hello.
I am curious about the css when I link to the article. (Custom CSS)
The following url is the question description.
https://kimstipguide.com/wp-content/uploads/2021/12/21-12-09-100.jpg
(Links should only apply to text.)
For reference, I
I don’t know any CSS.
thank you.
——–
I am working on updating a website that is a couple of years old. It has the most up-to-date Newspaper theme, but probably started about 2 years ago with an older version. Right now, my body background is dark gray, but I’d like to change it to white (and the white text to black). I have tried updating the color in the Theme Panel –> Theme Colors –> General theme colors. But, nothing has changed, the color stays the same. It does not use an image for the background. I don’t see any custom code within the Custom CSS page and I cannot figure out where it is getting the color from. I have turned on Development Mode for Cloudflare, as well. Do you have any other recommendations on what I can check to try to change the color? Thanks
