- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Hi taketwo10,
I just tested the option and for me seems to work ok – https://i.imgur.com/EiRDhsA.png – https://i.imgur.com/iJLDbe0.png but this will work only on mobile theme. If is a page or a cloud template it is possible to be set using the tagDiv Composer.
Thank you!
Hi shahjada, I see that you are using the mobile theme plugin, so the mobile layout will be different. If you want the same layout as on desktop, then please disable the mobile theme plugin or if needs use it only for amp.
Hi mudassar120859, I checked your website and I do not see the mobile theme, but I see a litespeed cache and maybe you are using the mobile page template, in this case you’ll needed to be sure that your cache plugin cam deliver cache for mobile separately then desktop.
Is this problem persisting when you are logged in? If no, then the problem is related to the cache plugin.
Tank you!
I am an happy customer of the first hours!
After some years I decided to open again a website ( http://www.acquaplast.it) created with Newspaper.
Unfortunately I updated Newspaper and the other plugins so I lost some basic centering.
As you can see here
The same banner on a IOS mobile device is perfectly centered.
Can you hep me to remove my first rusty layer.
Thanks in advance
I am facing the same as well.
Theme is not loading which is configured/designed for mobile devices, its rather loading a different one on its own.
After upgrading theme to atest version I am facing a very weired issue. Some time website show mobile theme on mobile sometime not. Sometime different header sometime different. I am really frustrated from this
After upgrading to 12.6 – “general Theme Colors” are messed up. Although a color is specified in theme settings standard color “#4db2ec” or black is used for
– Mobile menu background
– buttons
– Links
– block-title backgrouns (td-block-title ) (–td_header_color is not defined –> black)
– and a few more
Hi,
Do you use a mobile template? I checked, and for me, the images are loaded -> https://i.imgur.com/3Al5Qyi.png. Please try to use another browser.
Thank you!
See previous post: basically, what’s going on is that in landscape mobile mode, the menu does not stay in mobile menu display mode, it reverts to desktop menu view.
You provide me a wrong screenshot I just don’t mean it. I provide you the code you provided me a screenshot that is the WordPress by default button I just don’t mean it.
Actually, I need 2 Static button when user scroll the page the button will always be static. For this reason I write the code and its working other WordPress theme fine.
I provide you the login information in the previous session. Please login and go to edit a post. Then select HTML and best the code. Then you can get exact information what I mean by it. The code is below:
<div class=”fixed-buttons”>
<button id=”whatsapp-button”>
<i class=”fab fa-whatsapp fa-3x”></i>
</button>
<button id=”phone-call-button”>
<i class=”fas fa-phone fa-3x”></i>
</button>
</div>
<style>
.fixed-buttons {
position: fixed;
bottom: 20px; /* Adjust the distance from the bottom as needed */
left: 50%; /* Center the buttons horizontally */
transform: translateX(-50%);
z-index: 9999;
text-align: center;
}
.fixed-buttons button {
padding: 10px; /* Adjust the button size as needed */
margin: 5px; /* Adjust the button spacing as needed */
background-color: #0073e6; /* Adjust the button’s background color */
color: black; /* Adjust the button’s text color */
border: none;
cursor: pointer;
}
.fixed-buttons button i {
margin-right: 5px; /* Add spacing between the icon and text */
}
.fixed-buttons button:hover {
background-color: #0054a9; /* Adjust the button’s background color on hover */
}
@media (max-width: 768px) {
.fixed-buttons {
left: 20px; /* Adjust the left distance for mobile and tablet screens */
bottom: 5%; /* Center the buttons vertically */
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.fixed-buttons button {
padding: 5px; /* Make the buttons smaller for mobile and tablet screens */
margin: 5px 0; /* Add spacing between the buttons */
}
.fixed-buttons button i {
font-size: 24px; /* Increase the icon size for mobile and tablet screens */
}
}
</style>
why are not showing on other computers or phones, please check on mobile also.
here is a screenshot attached- https://prnt.sc/jzGz_xJ3JhT3
Hello stax,
According to the message the problem is related to an element that is in the mobile page. Normally if you are making a new page for mobile this can be edited? If yes, then what you need to do is to use a revision for that mobile page – https://www.wpbeginner.com/beginners-guide/complete-guide-to-wordpress-post-revisions/
In case that the problem is persisting, please contact us via email at contact@tagdiv.com and we’ll try to resolve it as soon as possible.
Thank you!
Hi there,
I have an issue with editing mobile page.
The desktop version is opening and I’m able to edit it, but when I open Edit Mobile Page I receive this error:
Errors at columns elements: 1(models) : 0(dom). The model does not match the content Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)
please check in the mobile and open the posts the you will show.
Open the Url in Mobile or Desktop- http://untuckworld.com/flight-from-london-to-cape-town/
Hello!
If you click here: https://www.screencast.com/t/XDQJedlggSB , you can verify also the mobile viewport, and tablet viewport: https://www.screencast.com/t/YUVUcyrgh
Check in the tagdiv Composer and change the elements in order to look better.
Thank you!
Hi,
You have H1 on the logo for mobile menu sticky; please check it if you want to disable it -> https://i.imgur.com/GvVuftV.png
Thank you!
Hello,
The page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors and maybe they give you some starting points for optimizing your website. A good choice for the page speed, could be the mobile layout which contains fewer elements because it can improve a bit your page speed.
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Thank you!
Hello
I finally kind of figured out how the taxonomy for the directories works, but I am running into an issue naming/renaming/editing the name of the template that determines the slug.
I tried both a Tagdiv prebuilt taxonomy and a custom post type (both from the cloud library. They work fine, but I cant change the name.
I even tried the renaming option at the top of the TagDiv composer:
cpt Blank – Custom Post Type EDIT TITLE
CREATE MOBILE TEMPLATE
When I click Edit the window, a pop up appears where I can rename it, but I get this message:
Invalid template type! Please make sure your are editing a supported template type title.
This happens whether I select edit title or create for both the custom taxonomy and the custom post type.
Below are links to the site that show the url based on the template. I would like to change them to align with the site- it looks a little weird to have a fishing site with a doctors pro 3 slug/url.
I am not a coder or programmer, so I am hoping there is a way to do this without editing code.
Hoping you can provide guidance.
Current Urls:
https://theledger.whatchacatchin.com/tdb_templates/custom-taxonomy-doctors-pro-3/
https://theledger.whatchacatchin.com/tdb_templates/blank-custom-post-type/
preferred urls:
https://theledger.whatchacatchin.com/boatandguidedirectory
https://theledger.whatchacatchin.com/fishingreportdirectory
I just installed the new theme update and it broke my header only displaying code now as following :
[tdb_header_weather icon_color=”#ffffff” temp_color=”#ffffff” loc_color=”#ffffff” inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ location=”New York” f_temp_font_line_height=”28px” f_loc_font_line_height=”28px”][tdb_header_date inline=”yes” date_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ f_date_font_line_height=”28px”][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#ffffff” log_color=”#ffffff” log_ico_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMTQiLCJkaXNwbGF5IjoiIn19″ photo_size=”19″ f_usr_font_line_height=”28px” f_log_font_line_height=”28px” show_log=””][tdb_mobile_horiz_menu inline=”yes” menu_id=”” f_sub_elem_font_weight=”” text_color=”#ffffff” f_elem_font_size=”11″ f_elem_font_weight=”400″ tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7ImRpc3BsYXkiOiJub25lIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ text_color_h=”#4db2ec” elem_padd=”0″ f_elem_font_line_height=”28px” elem_space=”16″ sub_left=”-18″ f_sub_elem_font_line_height=”1.2″ main_sub_tdicon=”td-icon-down”]
[tdb_header_logo image=”” image_retina=”” align_vert=”content-vert-center” align_horiz=”content-horiz-center” image_width=”eyJwb3J0cmFpdCI6IjIyMCJ9″]
[tdb_header_menu mc1_title_tag=”p” main_sub_tdicon=”td-icon-down” sub_tdicon=”td-icon-right-arrow” mm_align_horiz=”content-horiz-center” modules_on_row_regular=”20%” modules_on_row_cats=”25%” image_size=”td_324x400″ modules_category=”image” show_excerpt=”none” show_com=”none” show_date=”” show_author=”none” mm_sub_align_horiz=”content-horiz-right” mm_elem_align_horiz=”content-horiz-right” inline=”yes” menu_id=”” mm_align_screen=”yes” f_elem_font_family=”” f_elem_font_size=”eyJwb3J0cmFpdCI6IjExIn0=” mm_width=”1300″ mm_subcats_bg=”#ffffff” mm_elem_border_a=”0 1px 0 0″ mm_elem_padd=”eyJhbGwiOiIycHggMjJweCIsInBvcnRyYWl0IjoiMCAxNHB4In0=” mm_sub_padd=”eyJhbGwiOiIxNnB4IDAiLCJwb3J0cmFpdCI6IjE0cHggMCJ9″ f_title_font_size=”eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMyJ9″ f_title_font_line_height=”1.2″ art_title=”3px 0″ f_mm_sub_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” mm_child_cats=”10″ mm_elem_border=”0 1px 0 0″ mm_height=”eyJhbGwiOiIzNDUiLCJsYW5kc2NhcGUiOiIzMDAiLCJwb3J0cmFpdCI6IjI0MCJ9″ mm_sub_width=”eyJsYW5kc2NhcGUiOiIxNjAiLCJwb3J0cmFpdCI6IjE0MCJ9″ mm_padd=”eyJwb3J0cmFpdCI6IjE0In0=” modules_gap=”eyJwb3J0cmFpdCI6IjE0In0=” elem_padd=”eyJwb3J0cmFpdCI6IjAgMTJweCJ9″ f_elem_font_line_height=”eyJwb3J0cmFpdCI6IjQ4cHgifQ==” video_icon=”eyJwb3J0cmFpdCI6IjI0In0=” all_modules_space=”26″ tds_menu_sub_active=”tds_menu_sub_active1″ tds_menu_sub_active2-line_color=”” tds_menu_active=”tds_menu_active1″][tdb_header_search inline=”yes” toggle_txt_pos=”after” form_align=”content-horiz-right” results_msg_align=”content-horiz-center” image_floated=”float_left” image_width=”30″ image_size=”td_324x400″ show_cat=”none” show_btn=”none” show_date=”” show_review=”” show_com=”none” show_excerpt=”none” show_author=”none” art_title=”0 0 2px 0″ all_modules_space=”20″ tdicon=”td-icon-magnifier-big-rounded” icon_size=”eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTgifQ==” tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=” modules_on_row=”eyJhbGwiOiI1MCUiLCJwb3J0cmFpdCI6IjUwJSIsImxhbmRzY2FwZSI6IjUwJSJ9″ meta_info_horiz=”content-horiz-left” form_width=”600″ input_border=”0 0 1px 0″ modules_divider=”” form_padding=”eyJwb3J0cmFpdCI6IjIwcHggMjBweCAyMHB4IiwiYWxsIjoiMzBweCJ9″ arrow_color=”#ffffff” btn_bg_h=”rgba(0,0,0,0)” btn_tdicon=”td-icon-menu-right” btn_icon_pos=”after” btn_icon_size=”7″ btn_icon_space=”8″ f_title_font_family=”” f_cat_font_family=”” f_cat_font_transform=”uppercase” f_title_font_weight=”” f_title_font_transform=”” f_title_font_size=”13″ title_txt_hover=”#4db2ec” results_limit=”6″ float_block=”yes” icon_color=”#000000″ results_border=”0 0 1px 0″ f_title_font_line_height=”1.4″ btn_color=”#000000″ btn_color_h=”#4db2ec” all_underline_color=”” results_msg_color_h=”#4db2ec” image_height=”100″ meta_padding=”3px 0 0 16px” modules_gap=”20″ mc1_tl=”12″ show_form=”yes” f_meta_font_weight=”” h_effect=”” results_msg_padding=”10px 0″ f_results_msg_font_style=”normal” video_icon=”24″ modules_divider_color=”” modules_border_color=”” btn_padding=”0″ form_border=”0″ form_shadow_shadow_offset_vertical=”3″ results_padding=”0 30px 30px” btn_bg=”rgba(0,0,0,0)” icon_padding=”eyJhbGwiOjIuNCwicG9ydHJhaXQiOiIyLjYifQ==”]
Since last two days, i have started seeing issue with my website. I am seeing some kind of black frame around my woocommerce product pages
This frame appears only on the devices like laptops and desktops its not their on mobile.
Can you please check this and let me know the issue
Hello sir I want to add a code using HTML and CSS in this theme. But this code is not working. But I try another wordpress website where is install another themes in this another themes it’s working fine.
I just want to add two button in a specific post. The post will be sure to static button. It’s working another theme fine but in this newspaper things not work.
My website login username and password:
https://acallgirl.com/wp-admin
The code is in the below section:
<div class=”fixed-buttons”>
<button id=”whatsapp-button”>
<i class=”fab fa-whatsapp fa-3x”></i>
</button>
<button id=”phone-call-button”>
<i class=”fas fa-phone fa-3x”></i>
</button>
</div>
<style>
.fixed-buttons {
position: fixed;
bottom: 20px; /* Adjust the distance from the bottom as needed */
left: 50%; /* Center the buttons horizontally */
transform: translateX(-50%);
z-index: 9999;
text-align: center;
}
.fixed-buttons button {
padding: 10px; /* Adjust the button size as needed */
margin: 5px; /* Adjust the button spacing as needed */
background-color: #0073e6; /* Adjust the button’s background color */
color: black; /* Adjust the button’s text color */
border: none;
cursor: pointer;
}
.fixed-buttons button i {
margin-right: 5px; /* Add spacing between the icon and text */
}
.fixed-buttons button:hover {
background-color: #0054a9; /* Adjust the button’s background color on hover */
}
@media (max-width: 768px) {
.fixed-buttons {
left: 20px; /* Adjust the left distance for mobile and tablet screens */
bottom: 5%; /* Center the buttons vertically */
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.fixed-buttons button {
padding: 5px; /* Make the buttons smaller for mobile and tablet screens */
margin: 5px 0; /* Add spacing between the buttons */
}
.fixed-buttons button i {
font-size: 24px; /* Increase the icon size for mobile and tablet screens */
}
}
</style>
It works! Thank you so much.
And what about the logo in mobile version. I did it like you showed me but I see the previous logo after some time
I have cleared my cache but still not showing. Just enter “moreoftech” in Google on mobile and see the result.Thank you
Hello!
I’ve checked in mobile and it shows as it should.
Please clear the cache in your browser and try again. You can check in the incognito window as well.
Thank you!
On desktop view, it shows correct but on mobile view it shows wrong.
This is how it shows on mobile view (of Tech) instead of (More of Tech)