- 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,
Please ad this custom css in Newspaper>Theme panel>Custom code>Custom css
a[href^="tel"] {
color: #81c132;
}
https://www.screencast.com/t/tnn8qYUc
Hope this will help you.
Thanks.
Hi,
Please provide your website URL and some useful screenshots with the problem so I can take a closer look at it. I need to identify the problem and also, so I can provide such useful CSS code.
Thanks.
Hi,
If this is what you want to achieve https://www.screencast.com/t/GDiACsqiAQ0
Please paste the below custom css in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td-art-creek .td-art-creek-banner .td_block_image_box .td-custom-image a {
margin-top: 160px;
width: auto!important;
height: 180px!important;
}
}
Thank you.
Hi,
Use the code below and place it in Theme panel -> Custom CSS area.
.single-product .entry-crumbs a, .single-product .entry-crumbs{
font-size: 18px;
color: #339990;
font-weight: bold;
}
.single-product .entry-crumbs .td-bread-sep {
font-size: 12px;
}
Thanks for the message!
Hi,
Yes you can use a tagDiv Cloud Template , and make sure that you do not have any demo install, in this way no demo css will be load ( the demo css is loading only if you have some demo install, if you uninstall it the css will be remove ).
Thank you for your understanding.
Since I updated the newspaper theme with the Envato market plug-in certain things no longer work.
The article preview images no longer appear and are just empty blocks even though the features image is there once you go into the article.
Also, the active menu item disappears when active. I’m guessing it goes the same colour as the background but no matter how much I mess around with main menu theme colours, nothing changes.
I also have this custom css code which has been working fine to change the active and hover colours:
.td-gadgets .td-header-style-5 .sf-menu > li > a:hover{
color:orange;
}
Can anybody help?
Simon
After a lot of work, I got the issue partially fixed.
Well, let´s say completely fixed.
I made sure to get my images down to the size that will be displayed correctly on Instagram and that fixed it.
Regarding IG posts not appearing, I did notice a couple of things.
First, it seems like either the theme or IG delays to refresh with the correct images. So maybe after an hour of posting the images on IG they will appear on the website. Not sure why, but I can live with a little delay if there is no immediate option.
Second, I followed another forum post / tread here that teaches what the settings on the WP SUPER CACHE plugin should be. I had fixed the settings before I wrote the last time.
But there is an option that says that cache will be cleared every time a post or page is updated. So I have been updating posts every minute to get cache cleared and see changes on things I do. Not sure if there is a workaround to be updating posts every minute, but if that is the only thing to be done, I can also live with that.
So now, my question focusses on this: Is this theme now able to host IG feed in the footer on MOBILE devices?
On this post I found out that there were no option, but that was last year August. Are there any changes?
In other words, just like how I have IG on desktop / laptop mode, I would like to have it displayed on MOBILE devices. Can I?
On this other post, I see that some CSS can be entered to remove IG footer, but can it be included to add IG in the footer?
If the theme cannot support IG on the footer for MOBILE, do you know about a workaround, or other plugin that can be used?
Thank you
Hi,
I have problem that don’t know how to solve.
When I add a new post there is an additional class with the name of the categories to which the post is assigned.
<article id="post-1234" class="post-1234 post type-post status-publish format-standard has-post-thumbnail hentry <strong>category-news</strong> <strong>category-sport</strong>" itemscope itemtype="https://schema.org/Article">
It allows me to add custom CSS to posts in specific category.
The problem is that when I now create a new category and assign it to post, category class is not showing in page source.
<article id="post-1234" class="post-1234 post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="https://schema.org/Article">
I also no longer have the live CSS option.. so edits I made there are no longer effective
I see. Touching core files is not an option for us (update-wise).
So I was wondering how to recover this situation now. Can I now create a template (cloud one), import it directly and clear the loading somehow?
I mean, I can also copy the demo’s css to dynamic part, but my problem there is the loading call of the file, not the code itself.
Hi,
The sticky menu setting is general, so it will affect both desktop and mobile.
I could give you a code to hide the sticky menu on desktop, it will be displayed only on mobile, enter it in the Theme panel-> Custom code CSS section
@media (min-width: 767px) {
.td-header-menu-wrap.td-affix {
display: none;
}}
You could give it a try and see if it’s what you wanted.
Thanks
Hello,
Sure.Our theme panel has a custom code section and an advanced css section where you can add your custom css that will only affect the specific device you place the css for:
https://www.screencast.com/t/XUwfO88O
Thank you!
Hello,
Sorry but once a demo is loaded the entire demo-style.css file corresponding to that demo will be loaded. If you remove the loading of this file, he demo will no longer receive the specific style. If you do not need to load css, you can simply use the cloud library and import the demo homepage and not use a demo at all on your install.
if you still want to remove the loading of the demo file, you cannot do it from the child theme. you have to modify the main theme files: https://www.screencast.com/t/Z6iibXLf
Thanks
Hi,
Please add this custom css in Newspaper>Theme panel.Custom code>Custom css
.td-main-page-wrap {
padding-top: 0px;
}
Hope this will help you.
Thanks.
Hello,
Today we updated the update, then updated the TD Composer. Now my homepage looks funny, it will only display code. Below is this message:
wp_booster error:
Internal error: The system tried to use an att that does not exist! class_name: td_res_context Att name: “shadow_offset_horizontal” as “shadow_offset_horizontal”
/var/www/vhosts/web1.server.domain.com/httpdocs/klonen/wp-content/themes/Newspaper/includes/wp_booster/td_css_res_compiler.php
I get this message in composer:
Error at rows: 12 (models): 1 (dom). The model does not match the content
All plugins have been updated. The template re-recorded again. A cache is not running.
This code appears on the homepage:
array (172) {[“modules_on_row”] => string (3) “50%” [“modules_category”] => string (5) “image” [“show_excerpt”] => string (4) “none” [” show_btn “] => string (4)” none “[” ajax_pagination “] => string (8)” numbered “[” separator “] => string (0)” “[” custom_title “] => string (0) “” [“custom_url”] => string (0) “” [“block_template_id”] => string (0) “” [“mc1_tl”] => string (0) “” [“mc1_el”] => string (” 0) “” [“limit”] => string (0) “” [“offset”] => string (0) “” [“ajax_pagination_infinite_stop”] => string (0) “” [“container_width”] => string (0) “” [“m_padding”] => string (0) “” [“m_radius”] => string (0) “” [“all_modules_space”] => string (0) “” [“modules_divider”] => string (0) “” [“modules_divider_color”] => string (7) “#eaeaea” [“image_size”] => string (0) “” [“image_height”] => string (0) “” [ “image_width”] => string (0) “” [“image_floated”] => string (8) “no_float” [“image_radius”] => string (0) “” [“hide_image”] => string (0) “” [“meta_info_align”] => string (0) “” [“meta_info_horiz”] => string (18) “content-horiz-left” [“meta_width”] => stri ng (0) “” [“meta_margin”] => string (0) “” [“meta_padding”] => string (0) “” [“art_title”] => string (0) “” [“art_excerpt”] => string (0) “” [“art_btn”] => string (0) “” [“meta_info_border_size”] => string (0) “” [“meta_info_border_style”] => string (0) “” [“meta_info_border_color “] => string (7)” #eaeaea “[” modules_category_margin “] => string (0)” “[” modules_category_padding “] => string (0)” “[” show_cat “] => string (12)” inline-block “[” show_author “] => string (12)” inline-block “[” author_photo “] => string (0)” “[” author_photo_size “] => string (0)” “[” author_photo_space ” ] => string (0) “” [“author_photo_radius”] => string (0) “” [“show_date”] => string (12) “inline-block” [“show_com”] => string (5) ” block “[” excerpt_middle “] => string (0)” “[” btn_title “] => string (0)” “[” btn_margin “] => string (0)” “[” btn_padding “] => string ( 0) “” [“f_header_font_header”] => string (0) “” [“f_header_font_title”] => string (12) “Block header” [“f_header_font_settings”] => string (0) “” [“f_header_font_family”] => string (0) “” [“f_header_font_si ze “] => string (0)” “[” f_header_font_line_height “] => string (0)” “[” f_header_font_style “] => string (0)” “[” f_header_font_weight “] => string (0)” ” [“f_header_font_transform”] => string (0) “” [“f_header_font_spacing”] => string (0) “” [“f_header_”] => string (0) “” [“f_pag_font_title”] => string (15) “Pagination text” [“f_pag_font_settings”] => string (0) “” [“f_pag_font_family”] => string (0) “” [“f_pag_font_size”] => string (0) “” [“f_pag_font_line_height”] => string (0) “” [“f_pag_font_style”] => string (0) “” [“f_pag_font_weight”] => string (0) “” [“f_pag_font_transform”] => string (0) “” [“f_pag_font_spacing”] => string (0) “” [“f_pag_”] => string (0) “” [“f_title_font_header”] => string (0) “” [“f_title_font_title”] => string (13) “Article title” [ “f_title_font_settings”] => string (0) “” [“f_title_font_family”] => string (0) “” [“f_title_font_size”] => string (0) “” [“f_title_font_line_height”] => string (0) ” “[” f_title_font_style “] => string (0)” “[” f_title_font_weight “] => string (0)” “[” f_title_font_transform “] => str ing (0) “” [“f_title_font_spacing”] => string (0) “” [“f_title_”] => string (0) “” [“f_cat_font_title”] => string (20) “Article category tag” [” f_cat_font_settings “] => string (0)” “[” f_cat_font_family “] => string (0)” “[” f_cat_font_size “] => string (0)” “[” f_cat_font_line_height “] => string (0)” ” [“f_cat_font_style”] => string (0) “” [“f_cat_font_weight”] => string (0) “” [“f_cat_font_transform”] => string (0) “” [“f_cat_font_spacing”] => string (0) “” [“f_cat _”] => string (0) “” [“f_meta_font_title”] => string (17) “Article meta info” [“f_meta_font_settings”] => string (0) “” [“f_meta_font_family”] = > string (0) “” [“f_meta_font_size”] => string (0) “” [“f_meta_font_line_height”] => string (0) “” [“f_meta_font_style”] => string (0) “” [“f_meta_font_weight” ] => string (0) “” [“f_meta_font_transform”] => string (0) “” [“f_meta_font_spacing”] => string (0) “” [“f_meta _”] => string (0) “” [” f_ex_font_title “] => string (15)” article excerpt “[” f_ex_font_settings “] => string (0)” “[” f_ex_font_family “] => string (0)” “[” f_ex_font_size “] => string (0)” “[” f_ex_font_line_height “] => string (0)” “[” f_ex_font_style “] => string (0)” “[” f_ex_font_weight “] => string (0)” “[ “f_ex_font_transform”] => string (0) “” [“f_ex_font_spacing”] => stri
Hi,
For the problem with Big Grid Flex 2 on mobile please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td_block_big_grid_flex_2 .td_module_flex_6 {
width: 100%;
}
.td_block_big_grid_flex_2 .td_module_flex_7 {
width: 80%;
}
}
https://www.screencast.com/t/RvVQu03vO53o
For the second problem with the mega menu thumbs use Thumbnails – Fix strange looking images on blocks -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thank you.
After update theme Custom CSS does not work.
Hi,
I was wondering if there is an option to set up the css for mobile and tablet in the Newspaper Theme ?
Example :
H1 desktop = 30px
H1 mobile = 15px
Same for the content of a post, list etc..
Thanks.
Hi,
Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-scroll-up {
left: 5px;
}
https://www.screencast.com/t/RVAucueL
Thanks.
I noticed that after importing a demo, its CSS is still loaded there.
I was wondering wheres the right place to remove this call, from the child theme, since I need to minimize requests and we already loading a dynamic css file there, in which we can integrate the css code from the demo.
Hey guys,
Thanks for the great support so far !
I have a question regarding the 2 files : editor-style.css and td-config.php.
How can I modify them and use child them to add my new customization ?
Shall I just create /newspaper-child/include/td-config.php or how do we proceed ? I read your child theme documentation but those files are not mentioned.
Thanks for your help.
Hi,
Here is custom code for background color, just replace te page id and the block number; set the code in Newspaper>Theme panel>Custom code>Custom css.
.page-id-676 .td_block_4 h4 .td-pulldown-size{
background-color: red;
}
https://www.screencast.com/t/LInAccbNuuj
https://www.screencast.com/t/sRp8sFbxC
Hope this will help you.
Thank you for your understanding.
Hi Calin, I follow up on this topic as I want to achieve the same result as 3ftDeep but I have problems to make it work.
I understand child theme and custom css no problem. But I have problem to make the custom format appear on the Format Menu.
Can you confirm it’s possible to basically add only this :
td_api_tinymce_formats::add('td_text_highlight_test22',
array(
'parent_id' => 'td_text_highlight',
'title' => 'Test22',
'classes' => 'test22',
'inline' => 'span'
));
In this file : Newspaper-Child\includes\td_config.php (where td_config.php only has the code above ?)
Since the recent update I am having an issue saving changes with the TagDiv Composer. After clicking save, it just spins without completing the process.
I have checked the updated theme requirements and increased the memory limit.
When I am on TagDiv Composer and Go to Chrome Developer Tools I get the following errors:
Failed to load resource: the server responded with a status of 404 () font-newspaper.css:1
Failed to load resource: the server responded with a status of 404 () /wp-json/td-composer/save_post?
Error during WebSocket handshake: Unexpected response code: 403
Hi,
Please read our documentation for create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please let us know the error that you found.
Thank you.