- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
I could modify the code, try it like this
#td-header-menu .menu-item-wpml-ls-2-en ul,
#td-header-menu .menu-item-wpml-ls-2-es ul {
padding-top: 48px;
}
I have also made some tests on my end with multiple languages, it is the same. Once I switch from the main language, I can’t switch back to it. So I start with English as default – https://prnt.sc/oshayr if I change the language I can’t see English anymore
– https://prnt.sc/oshb7b
It isn’t a functionality issue, some CSS will fix it. Let me know if that code works better, remove the previous one.
Thanks
Hello !
We are sorry for the inconvenience !
Please try this CSS: .mfp-wrap {
top:0!important;
left: 0;
right: 0;
}
This must be inserted here: https://www.screencast.com/t/8hbMJEbyroli
Thank you !
Hello !
This is the path: wp-content/plugins/td-cloud-library/assets/css/tdb_less_front.css
Thank you !
I’m using Newspaper theme (love it) on a site that was existing for some time (did clean install). This site has a 3rd party set of plugins (Responsive Accordion & Tabs Responsive) as part of it’s previous design on one large set of pages. The tabs are placed inside of accordions to organize content. The site has a huge number of pages using these plugins. All of these pages have a tab with Vimeo video embeds in it.
Previous to use of the Newspaper theme these Vimeo videos displayed as a normal Vimeo embed would inside the accordions/tabs. With the Newspaper theme, however, on larger screens (mobile is fine) the videos appear as very small thumbnails at 56.25px high which is an odd number for a height! The videos still play but they have no controls available because they are so small! In the source code I can see an inline css style being injected to make them this height.
This issue does NOT occur if I embed a Vimeo video on a new page without any accordions/tabs. If I add an inline css style with height and width this problem goes away, but then the video no longer acts responsively and is too large on mobile and gets partially cut off of course.
Odder yet, is if I use zoom, even just a little in the browser the video immediately snaps to full size. However, all attempts to use css zoom via js to make the body a bit bigger did not work to normalize the size of the videos even though they did indeed zoom the scale of the page being displayed.
While I understand tagDiv probably will say this is a problem with a 3rd party plugin and they can’t support it, it does appear this inline css style for a 56.25px video height is being injected by the Newspaper theme as I have disabled all plugins that have amything to do with images and thumbnails etc, cleared all caches, and the problem still occurs.
I am hoping someone might have some type of insight they can offer as to how I can resolve this issue without re-creating hundreds of pages.
You can see an example of the problem here:
Scroll down a bit, click the Meditation Accordion to expand it, then click the Video tab. You’ll see the issue.
That’s the dev site version, it has since gone live, but the live site is in maintenance mode pending the resolution of this issue so it’s not accessible.
Hi,
From what I can see it’s a CSS issue, the third language is there but invisible. I will test this on my end with 3 or more languages and try to recreate it, it will be fixed.
The quickfix is to enter this code in the Custom CSS section of the theme panel
– https://prnt.sc/os4pay
.wpml-ls-item ul {
padding-top: 48px;
}
Let me know.
Thanks
Hello !
Sure ! Here is the CSS Code: .td-scroll-up {
background-color: black;
}
Thank you !
Hello !
Here is a CSS code in order to change the arrows color: .td-scroll-up .td-icon-menu-up {
color: red;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
You have padding set on the bottom of the content. You can correct that from the CSS Section using the tagdiv Composer on the last block: https://www.screencast.com/t/jngBPdDa8TO
Thank you !
Hi,
If you are using the MOBILE THEME+AMP set the code for phone section in Theme panel> Mobile theme> Custom code > Css -> http://prntscr.com/orh8jo this should work.
Thank you!
Hi,
Is look that you need to apply a custom css to display the drop-down menu on mobile -> http://prntscr.com/orfx55
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
The code need to be set in Theme panel> Custom code> Custom css
Also this problem can be fixed by making a theme update, the last version of the theme is 9.8 -> https://forum.tagdiv.com/how-to-update-the-theme-2/
Thank you!
Hi Simion,
I hope you are well.
I have made some changes to the previous td_module_9 php I sent you.
Rather than hard coding the If and ElseIf statements with the category and tags as before, the If statement now calls a post_type variable. This is basically an ACF custom field, with two options, to which some of the other ACF fields are conditionally tied – I also changed the ElseIf to an Else.
In addition I have integrated the code with the module 9 default div classes and added a couple including a couple span classes. This now means each field sits within a separate CSS element I can style. The code is also now shorter as you will see –
<?php
class td_module_9 extends td_module {
function __construct($post, $module_atts = array()) {
//run the parrent constructor
parent::__construct($post, $module_atts);
}
function render() {
ob_start();
$title_length = $this->get_shortcode_att('m9_tl');
$modified_date = $this->get_shortcode_att('show_modified_date');
$hb1 = in_category(array('News','Features','Tech'), $this->post->ID );
$hb2 = in_category( array('Research'), $this->post->ID );
$hb3 = has_tag(array( 'aged care', 'anxiety/stress', 'autism', 'cognitive', 'Dementia', "Parkinson's", 'sleep' , 'well-being' ), $this->post->ID);
$hb4 = get_field (post_type, $this->post->ID);
$link = get_field('media_outlet_url', $this->post->ID);
$media = get_field ('media_outlet', $this->post->ID);
$country = get_field ('country', $this->post->ID);
$publicationdate = get_field ('publication_date', $this->post->ID);
?>
<div class="<?php echo $this->get_module_classes();?>">
<div class="item-details">
post->ID); ?>" rel="bookmark" title="<?php echo get_the_title( $this->post->ID );//$title; ?>"><?php echo get_the_title( $this->post->ID ); //$title; ?>
<div class ="news_headline">
</div>
<?php if (td_util::get_option('tds_category_module_9') == 'yes') { echo $this->get_category(); }?>
<div class="td-module-meta-info">
<div class="media_date">
<span class="td-post-author-name">
<?php if ($hb4 == "News etc"){
echo "{$media}";
}else{
echo $media;
}?>
<span>-</span> </span>
<span class="td-post-date">
<time class="entry-date updated td-module-date"><?php echo $publicationdate; ?></time></span>
</div>
<div class="td-post-content">
<?php if ($hb4 == "News etc"){
echo $country;
}else{
echo $this->get_the_tags();
}?>
</div>
</div>
</div>
<?php echo $this->get_quotes_on_blocks();?>
</div>
<?php return ob_get_clean();
}
}
I still have to work on the CSS, You will notice some of the div names don’t make sense when compared to the fields they contain and some of my previous CSS is now redundant so it needs a tidy up.
I aim to get this done in the next couple days and will then put up a revised and instructional post for the community as promised.
If you spot anything I could improve or have any comments please do let me know.
Best Wishes
Gary
My 7 days post sorting is on, but when I click on 7 days popular on pages it says there are no posts to display. If this feature doesn’t work what’s the css code to remove 7 days popular from the dropdown?
It worked! Just uncheck “inline all CSS” in the Autoptimize plugin!
Here what I already done:
– enabled gzip compression by my hosting.
– leveraged browser caching with wp-rocket.
– optimized all of my image with shortpixel plugin (paid plan)
– use cache plugin (wp-rocket)
Still, the result suggests the problem that I mention still persist which I think have to do with the newspaper css, how should I handle this?
On mobile there should be a dropdown menu for services, because it has a sub-menu, but there is not one. I would like to have an arrow or some other icon next to services that reveals Family Practice, Dermatology, etc with another arrow next to those to display the menu items under there.
Is there a theme option that I have missed, or some kind of css that can be added to the site, or will this need to be edited in the theme files somehow?
Hello !
This is what i’ve came up with: https://www.screencast.com/t/4eEVzQtvye
The steps are:
– Add a new row and select the layout into 4 columns: https://www.screencast.com/t/xOfCDZyQD
– Add an Inner row in all those columns and select the layout of the inner row to be in 4 columns: https://www.screencast.com/t/p9exbW5DbS
– Add button elements to all the opened position ( there can be 16 in a row ): https://www.screencast.com/t/cvbktGFXP1L
– Set the button size to small or medium depending on your row stretch ( I used full stretch on the ROW ): https://www.screencast.com/t/5afugCd3gzml
I hope this was helpfull, unfortunately this option can do only 16 buttons in a row, you can do 2 rows and make them closer using css if you want to use this method.
Thank you !
Hi,
For what I see, you have a very good speed to your website.
There are many optimization guides provided by our users here in the forum, some made by us, you could check some of them:
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– 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/
-> https://technumero.com/minify-javascript-and-css/
-> https://wordpress.org/plugins/fast-velocity-minify/
Maybe one of them will help you!
Thank you!
Hello !
Please try this css code: .td-black select {
background-color: black;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
Please remove all the css style that you add and set this one in Theme penal>Custom code>Advance css
.single .td-pb-span8 .td-post-content p a:link {
border-bottom: 1px solid #05386b;
padding-bottom: 1.5px;
text-decoration: none !important;
color: #05386b;
}
.single .td-pb-span8 .td-post-content p a:hover {
background: #3da559;
}
http://prntscr.com/oqehic
And this one in phone section
.single .td-post-content p a:link {
border-bottom: 1px solid #05386b;
padding-bottom: 1.5px;
text-decoration: none !important;
color: #05386b;
}
http://prntscr.com/oqehyl
Also please clear all the cache after you save this code in theme panel.
Let me know the results!
Hi,
1. Unfortunately if you want to link the image to post as the title, then you’ll need to make some changes in theme core because the image was made to can drag the next post; also the changes will be lost after theme update.
If you still want to make the changes, those need to be made in this file -> http://prntscr.com/oqe61x -> wp-content/plugins/td-composer/legacy/Newspaper/includes/modules/td_module_slide.php
2. In order to make the category image to be full on mobile, you can check this code http://prntscr.com/oqe0vf
.category .tdc_zone .tdc-row:nth-child(2) {
padding-left: 0px;
padding-right: 0px;
}
The code need to be set in Theme panel > Custom code> Custom css
Thank you!
I did everything to speed up my web site. the only problem I got is while testing in https://gtmetrix.com/reports/www.hostingping.com/4Fci3NIf it is asking to minify CSS and the same error in google page speed.
how can I reduce CSS load time
Hello !
Yes, you can create individual pages that are created as you want for each category. The blocks structure are like that. That structure cannot be changed. There are 4 small screens but the posts inside are rotating so it won’t show only 4 posts.
For the shadow I will need a link to provide a custom css code for it.
If you are new to Newspaper Theme we do recommend taking a look through our documentation for a better understanding of all our features and functions: https://forum.tagdiv.com/newspaper-theme-documentation/
Thank you !
First problem: Why are you trying to write to files inside the Plugin folder? wp-content/uploads is usually web-writeable on WordPress, whereas folders in themes and plugins should NOT be web writeable, for security reasons. When I unlock our site, the error message goes away.
As a WordPress developer (plugin, theme and core WP) absolutely dialed in on securing and hardening WordPress, I am dismayed that you want to create these files inside the plugin folder.
Warning: fopen(plugins/td-composer/includes/templates/font-awesome.php): failed to open stream: Permission denied in plugins/td-composer/includes/tdc_main.php on line 902
Warning: fopen(plugins/td-composer/includes/templates/typicons.php): failed to open stream: Permission denied in plugins/td-composer/includes/tdc_main.php on line 902
Warning: fopen(plugins/td-composer/includes/templates/open-iconic.php): failed to open stream: Permission denied in plugins/td-composer/includes/tdc_main.php on line 902
Warning: fopen(plugins/td-composer/includes/templates/td-multipurpose.php): failed to open stream: Permission denied in plugins/td-composer/includes/tdc_main.php on line 902
Second, we run tagDiv Composer on a *very* large MultiSite network (24 sites, 50+ gigs of content in wp-content/uploads). When we unlock the site (see first issue), tagDiv Editor just sits there and hour-glasses all day long. We have no issues with this on single standalone sites. Health Check is below the image…
`
### wp-core ###
version: 5.2.2
site_language: en_US
user_language: en_US
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
user_registration: false
default_comment_status: open
multisite: true
user_count: 3195
site_count: 24
network_count: 1
dotorg_communication: true
### wp-dropins (1) ###
sunrise.php: true
### wp-active-theme ###
name: LWOS Newspaper
version: 1.9.8
author: tagDiv
author_website: http://themeforest.net/user/tagDiv/portfolio
parent_theme: Newspaper
theme_features: post-formats, post-thumbnails, automatic-feed-links, html5, woocommerce, bbpress, align-wide, align-full, editor-font-sizes, editor-style, menus, widgets
theme_path: [REMOVED]/ms.lastwordonsports.com/wp-content/themes/Newspaper
### wp-themes (2) ###
Newspaper: version: 9.8, author: tagDiv
Twenty Sixteen: version: 2.0, author: the WordPress team
### wp-plugins-active (29) ###
Advanced Database Cleaner: version: 2.0.0, author: Younes JFR.
Akismet Anti-Spam: version: 4.1.2, author: Automattic
Broadcast: version: 44.02, author: edward_plainview
Classic Editor: version: 1.5, author: WordPress Contributors
Edit Flow: version: 0.9, author: Daniel Bachhuber, Scott Bressler, Mohammad Jangda, Automattic, and others
Email Users: version: 4.8.8, author: Mike Walsh & MarvinLabs
Force ReAuthentication: version: 1.3.1, author: Shrkey
Google Analytics Dashboard for WP (GADWP): version: 5.3.8, author: ExactMetrics
Head, Footer and Post Injections: version: 3.1.3, author: Stefano Lissa
Multisite Enhancements: version: 1.5.1, author: Frank Bültge
Multisite User Role Manager: version: 1.0.7, author: OzTheGreat (WPArtisan)
NextScripts: SNAP Pro Upgrade Helper: version: 1.5.9, author: NextScripts
NextScripts: Social Networks Auto-Poster: version: 4.3.8, author: NextScripts
Regenerate Thumbnails: version: 3.1.1, author: Alex Mills (Viper007Bond)
Richweb WP Lockdown: version: 2.6.5, author: Jordan Burch, Jacob Dunn & Doug Hazard
RSS Multi Importer: version: 3.15, author: Allen Weiss
tagDiv Cloud Library: version: 1.3, author: tagDiv
tagDiv Composer: version: 2.4, author: tagDiv
Unfiltered MU: version: 1.3.1, author: Automattic
User Role Editor: version: 4.51.2, author: Vladimir Garagulya
WordPress MU Domain Mapping: version: 0.5.5.1, author: Donncha O Caoimh
WP Crontrol: version: 1.7.1, author: John Blackbourn & crontributors
WP Dashboard Notes: version: 1.0.9, author: Jeroen Sormani
WPForms: version: 1.4.5.2, author: WPForms
WPForms Custom Captcha: version: 1.1.1, author: WPForms
WP Last Login: version: 2, author: Konstantin Obenland
WP Rollback: version: 1.6, author: Impress.org
Yoast SEO: version: 11.8, author: Team Yoast
Yoast SEO: News: version: 9.2, author: Team Yoast
### wp-plugins-inactive (2) ###
tagDiv Social Counter: version: 4.6, author: tagDiv
WPBakery Page Builder: version: 6.0.5, author: Michael M – WPBakery.com
### wp-media ###
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1673
imagemagick_version: ImageMagick 6.8.9-9 Q16 i586 2019-05-14 http://www.imagemagick.org
imagick_limits:
imagick::RESOURCETYPE_AREA:
imagick::RESOURCETYPE_DISK: -1
imagick::RESOURCETYPE_FILE: 6144
imagick::RESOURCETYPE_MAP:
imagick::RESOURCETYPE_MEMORY: 2 GB
imagick::RESOURCETYPE_THREAD: 10
gd_version: 2.1.1-dev
ghostscript_version: 9.26
### wp-server ###
server_architecture: Linux 3.16.0-8-686-pae i686
httpd_software: Apache
php_version: 5.6.40-0+deb8u4
php_sapi: apache2handler
max_input_variables: 1500
time_limit: 90
memory_limit: 300M
max_input_time: 20
upload_max_size: 72M
php_post_max_size: 72M
curl_version: 7.38.0 OpenSSL/1.0.1t
suhosin: false
imagick_availability: true
htaccess_extra_rules: true
### wp-database ###
extension: mysqli
server_version: 5.5.5-10.2.19-MariaDB-log
client_version: 5.5.62
### wp-constants ###
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: [REMOVED]/ms.lastwordonsports.com/wp-content
WP_PLUGIN_DIR: [REMOVED]/ms.lastwordonsports.com/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 300M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
### wp-filesystem ###
wordpress: not writable (This is our security plugin, protecting the site)
wp-content: not writable (This is our security plugin, protecting the site)
uploads: writable
plugins: not writable (This is our security plugin, protecting the site)
themes: not writable (This is our security plugin, protecting the site)
Hi Calin,
It worked on the Desktop version of the site and it did NOT work as expected on the mobile version.
Here’s a sample: https://prnt.sc/oq6c6t
And a sample post: https://nurseslabs.com/nurse-salary/
The line is being applied below the images.
Is there a more specific custom CSS for mobile?
Thanks!
Any number with 3 digits is too large.
Can we add some padding into the button?
Or some custom CSS?
Thank you!
