- 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
Hello,
1. You can use a custom code css to adjust them ->
@media only screen and (max-width: 600px) {
.woocommerce-MyAccount-navigation ul {
display: block;
}
.woocommerce-MyAccount-navigation ul li {
display: block;
margin-bottom: 10px;
}
}
Set the code in Theme Panel ->Custom code -> Custom CSS
2. This is another page from tagdiv Opt-in Builder, which is for subscription, not shop. The woocommerce has this template for account details -> https://i.imgur.com/FxWa9m3.png
3.Copy-paste the URL in another tab of your browser.
4. We strive to provide support as quickly as possible from Monday to Friday 8:00 AM – 16:00 PM
Thank you!
Hi, after copying my TagDiv Composer staging page to live, I noticed that the look is different. I tried and checked it for hours, but I can’t find the reason. The theme versions are the same, the CSS is the same, the tagdiv composer code is a exact copy but still the look is different. How can this be?
This is the staging:
Staging Site
The look and the spacing is perfect, on desktop and mobile:
Desktop: https://imgur.com/a/TjIyBeG
Mobile: https://imgur.com/a/ajhUSTn
This is the live:
Live Site
The background has white gaps and the spacing is completely different:
Desktop:https://imgur.com/a/5lSh5mz
Mobile: https://imgur.com/a/q8fQNQJ
Thanks in advance for any help!
Hi,
Other solution will be to check the plugin settings and disable the featured image for events and it will be used the one from the theme, and the last solution will be to use a custom css only for events:
– this code will removed the theme featured image for events:
.single-event_listing .td-post-featured-image{
display: none;
}
or
– this image will remove the featured image from event plugin:
.single-event_listing .wpem-single-event-header-top{
display: none;
}
You can use one of the above code, this can be set in the Newsmag > theme panel> Custom code > Custom css.
Thank you!
I tried removing the code in LiveCSS, and I still get the same result. It looks neat in your video though. Could it be the layout? I have created my own layout with 3 columns. The first column should take up 50% of the width, while the other 2 take up about 25% each. I have created this layout with row, column, inner row, and inner column. Maybe there is another best practice?
There used to be positioning css-rules for .td-scroll-up in the file
/wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
Can’t find them anymore after the update.
Hi,
Please use this code
.home div.td-page-header.td-container
{
display: none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Thank you! The behavior still seems to be the same when scrolling down the page as you can see.
I mostly use an extra class to remove the column for a certain screen width with liveCSS.
@media (max-width: 1100px) {
.stickycol {
width: 100%;
position: static;
}
.stickycol img {
display: none;
}
}
Hi,
The problem is caused by siteground plugin, which combines the css and js, please disable those options and delete the cache.
Thank you!
Hello,
Yes, you can use bbpress as @great1212 suggests.
Also, please check this guide https://codex.bbpress.org/bbpress-styling-crib/ and this topic https://forum.tagdiv.com/topic/bbpress-css/
Thank you!
Hello Roger!
This is an old demo, and the CSS code for that block, which has an extra class (if you check in the tagdiv Composer in the element settings), can be found in the theme files td-composer\legacy\Newspaper\includes\demos\blog_fitness.
Thank you!
Hello @jozefradi !
That image is in the content of your posts, and probably you’ve added it to Gutenberg.
We have no settings to affect only one image from your content because we have only one element that takes all the content you add to Gutenberg. You have some settings in Gutenberg in order to delete or hide it if you edit the post. You can also add additional CSS classes in order to affect the elements in Gutenberg. Check out this guide: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/.
Thank you!
Hello Roger!
I can’t see the category tag on the images in this demo. https://demo.tagdiv.com/newspaper_fitness_pro/
There are some settings that need to be changed in the tagdiv composer, or check if there is a CSS code element there that modifies the block.
You can hide that category tag like this: https://app.screencast.com/lw2tEfVgPmdwB
Thank you!
But a few days ago, I notices that I have 2 H1 hags, both for the logo image.
Each one rendered by different code.
I saw that many people have complained about this, without it being resolved.
This file may contain the location of that:
td-cloud-library/shortcodes/header/tdb_header_logo.php
The function render() is called twice and I believe that inserts the two lines below into the HOME page.
I did have a standard logo and a retina logo, but I removed the retine logo because I thought that might be the cause of this, but removing it didn’t help.
One is probably display:none; in the CSS
Isn’t there a better way to do this than to have two complete H1s in the page ?
Some software may see the CSS, but some is not that smart.
For example, RankMath thinks there are 2x H1 tags
I think Google ignores one of them.
But I saw that some people using Newspaper theme had up to 6 H1 tags.
In the rendered page, here are the two lines:
Line 456
<style>.tdb_header_logo{margin-bottom:0;clear:none}.tdb_header_logo .tdb-logo-a,.tdb_header_logo h1{display:flex;pointer-events:auto;align-items:flex-start}.tdb_header_logo h1{margin:0;line-height:0}.tdb_header_logo .tdb-logo-img-wrap img{display:block}.tdb_header_logo .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdb_header_logo .tdb-logo-svg-wrap svg{width:50px;display:block;transition:fill .3s ease}.tdb_header_logo .tdb-logo-text-wrap{display:flex}.tdb_header_logo .tdb-logo-text-title,.tdb_header_logo .tdb-logo-text-tagline{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.tdb_header_logo .tdb-logo-text-title{background-size:cover;background-position:center center;font-size:75px;font-family:serif;line-height:1.1;color:#222;white-space:nowrap}.tdb_header_logo .tdb-logo-text-tagline{margin-top:2px;font-size:12px;font-family:serif;letter-spacing:1.8px;line-height:1;color:#767676}.tdb_header_logo .tdb-logo-icon{position:relative;font-size:46px;color:#000}.tdb_header_logo .tdb-logo-icon-svg{line-height:0}.tdb_header_logo .tdb-logo-icon-svg svg{width:46px;height:auto}.tdb_header_logo .tdb-logo-icon-svg svg,.tdb_header_logo .tdb-logo-icon-svg svg *{fill:#000}.tdi_10 .tdb-logo-a,.tdi_10 h1{align-items:flex-start;justify-content:center}.tdi_10 .tdb-logo-svg-wrap{display:block}.tdi_10 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_10 .tdb-logo-img-wrap{display:block}.tdi_10 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_10 .tdb-logo-text-title{display:none}.tdi_10 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_10 .tdb-logo-icon{top:0px;display:block}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-title{font-size:36px}}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-tagline{font-size:11px}}@media (max-width:767px){.tdi_10 .tdb-logo-img{max-width:160px}}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”>
</span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_12 wpb_column vc_column_container tdc-column td-pb-span4″>
Line 470
<style>.tdi_26 .tdb-logo-a,.tdi_26 h1{align-items:flex-start}.tdi_26 .tdb-logo-a,.tdi_26 h1{justify-content:center}.tdi_26 .tdb-logo-svg-wrap{display:block}.tdi_26 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_26 .tdb-logo-img-wrap{display:block}.tdi_26 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_26 .tdb-logo-text-title{display:none}.tdi_26 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_26 .tdb-logo-icon{top:0px;display:block}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”></span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_28 wpb_column vc_column_container tdc-column td-pb-span4″>
Hello Everyone,
I have a question regarding the mega menu. My folder structure is as follows:
‘Main Category’
‘Subcategory’
‘Sub-Subcategory 1’
‘Sub-Subcategory 2’
‘Sub-Subcategory 3’
When hovering over the ‘Main Category’ menu item, I want to display a mega menu. However, I don’t want the sub-subcategories to be displayed as text under the images. Their contents should still be included in the mega menu, though.
Is there a way to configure this somewhere, or can it at least be achieved with CSS?
Hallo Zusammen.
Ich habe eine Frage zum Mega Menü.
Ich habe folgende Ordnerstruktur
>>’Hauptkatekorie’
>> ‘Unterkategorie’
>>’Unter(Unter)Kategorie 1′
>>’Unter(Unter)Kategorie 2′
>> ‘Unter(Unter)Kategorie 3’
Ich möchte bei Mouseover über den Menüpunkt ‘Hauptkategorie’ ein MegaMenü anzeigen lassen.
Allerdings sollen die Unter(Unter)Kategorie nicht unter den Bildern als Text mit angezeigt werden.
Ihre Beiträge sollen aber schon im Megamenü mit stehen.
Gibt es dazu irgendwo eine möglichkeit das einzustellen oder kann man das per wenigsten per CSS erreichen?
Hi,
Usually, the color and image are set on the row, so please edit with tagDiv Composer and select the row and go in the tab CSS https://i.imgur.com/UkgqKNM.jpg -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/ please check each row/column and delete the background image.
Thank you!
Hello,
I think that you have a plugin which minifies the css and JS, please try to disable those options and check after.
Thank you!
So installed the child theme and I only have Styles.css and functions.php. The theme seems to be installed and running on the site but its functions and style.css are pretty much empty apart from some custom code I am using.
Did I do this right? Do I need to copy php files from the parent theme into the child?
Hi,
Please use this code
.wp-block-image figcaption
{
text-align: right;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
I hope this helps you!
Thank you!
Hello @discorigido!
If you use the cloud templates, then edit the mobile page or the mobile viewport: https://www.screencast.com/t/XDQJedlggSB and adjust that element in the tagdiv composer. Check the CSS tab of that element and delete all the values from there.
Thank you!
Hi,
Can you please provide the link to your website to provide a custom code css?
Thank you!
Hello!
A workaround there is to hide a column for different viewports.
You can hide every element from the CSS tab: https://prnt.sc/1FJiMub9ke4s for each viewport: https://www.screencast.com/t/XDQJedlggSB
I recommend you turn this option on: https://app.screencast.com/R9qXYOO0g44lO before anything else.
Thank you!
Hello,
It is the same as for main theme, but if you want you can preload the css from the child theme.
Thank you!
Hello,
You need to select the row and in the tab css you can change the padding -> https://i.imgur.com/EXeMUVl.jpg and on the column the margins -> https://i.imgur.com/vwh7BR1.jpg
Thank you!
Flushed the CSS cache and it seems to have resolved the issues.
