- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi Viju,
Please try this custom css:
.ai-viewport-1 .code-block.code-block-2 {
margin-top: 0!important;
margin-bottom: -5px!important;
}
.ai-viewport-1 .code-block.code-block-1 {
margin-bottom: -5px!important;
}
The results should be like this -> https://i.imgur.com/GnRD0Gq.png
Thank you!
Hello,
1. I will have to circle back on this – the site is restricted by IP while I work on testing. I can probably figure out the CSS myself, but I would suggest that it get added as an option (as there’s several review options in the Flex Loop already, just not star color).
2. I’m trying to use the Flex Loop because of its ability to provide dynamic filtering based on taxonomy. Let’s see if I can re-explain ->
My site has 2 main “categories” of content, Reviews and News. The Reviews have multiple taxonomies to describe them (it’s computer hardware, so things like manufacturer, GPU type, etc.). I’m attempting to make a Category Template using the new Flex Loop and related Filters.
The issue that I’m running into is that when I use the Flex Loop, by default on a Category Page (for Reviews), it will load ALL posts into the loop and provide filtering options for ALL posts on the site.
Example: CPU (Review Category) -> Displays All Reviews, All News, all Taxonomy items
Desired default state for that page -> CPU Reviews, No News, Taxonomy Items related to CPU. I do not want News or other review types to show up here, but there does not seem to be a way to limit the Flex Loop in this way (much like is possible on a Flex Block to only show a specific category).
Please help me to remove these three spaces via the CSS
Here you will see three spaces shown with arrows in the image: https://drive.google.com/file/d/1wsRUPY66Ti-YLKWzofc38RGR9Moglngy/view
Thank you
Site: Softfully [.com]
Hi,
1. Indeed there are some difference between flex block and flex look. The flex block are more customized then a flex loop, but the flex loop can be used on categories, tags … because has a special filter that filter the results after the current category, tag … this option is by default and it can not be changed.
If you want to keep using the flex loop, then please provide a link to your website and I will provide a custom css for the reviews.
2. I’m nut quite sure that I understand whet you need to achieved. If is to display the posts from a specific category or taxonomy, the flex loop should do it by default. For flex block you need to set some extra options, we provide more details about them in this guide – https://forum.tagdiv.com/flex-block-settings-guide/
Thank you!
I’ve selected the Chained News Pro category template, bvut it is not showing the most recent posts.
I looked in TagDiv Composer, but on each section I do not see an option for showing the latest posts. I see other options, such random, and there is one for oldest posts, but not an option for newest.
I also have a problem with white stripes across the full width of the page, and can’t find a way to remove them, even with CSS (I’m using CSS Hero which just shows this as being the blue background colour).
Thanks.
Hello,
I’m attempting to build category pages for reviews using the new Flex Loop and related filtering features. I’ve run into a couple of roadblocks with it ->
1. There does not seem to be the ability to set a star color for the reviews like there is in all other blocks (which.. makes them invisible on my dark theme). Perhaps custom CSS is needed until this is an option?
2. With the flex loop on category pages, I want the user to go to a specific category (or, even taxonomy) of product reviews (for example, CPUs) and be presented with the default list of all CPU reviews, and be able to further filter based upon the taxonomy filters offered with the Flex Block Filtering. I do not see a way to set any sort of “default” filter for the Flex Block, thus, my readers going to a particular category/topic page will always be presented with all of the newest articles (which includes news and other content they may not specifically be looking for). It does appear that I can set this type of default filter by post type, however, that would mean I’d need to create a couple dozen sets of custom post types and then change the type of hundreds of reviews, which does not seem very appealing. Any thoughts on how to achieve this?
I don’t have the TagDiv CSS analyzer. I tried to different methods you gave in your previous reply. Still no joy.
I updated an older version of newspaper (10) to 12
when try to activate the theme i got an error
“I havnt permission to open that page” .
Another problem : the image on the theme welcome page
/wp-admin/admin.php?page=td_theme_welcome
are BIG and not formatted ( css )
here some screenshot
Hello,
You can add an extra class for that element https://i.imgur.com/HJjrkdP.png, after you create the css, you can set the code in Theme Panel -> Custom Code -> Custom Css.
Thank you!
Hi,
After updating the site to version 12 we lost the design.
The final layout of the site was achieved using cloud templates that we customized through tagdiv builder and custom css code.
A git repository was created to control and push the update.
How can we mantain the design intact through the update process?
You can ignore this one. It was posted there by mistake.
Thx
Hi,
After updating the site to version 12 we lost the design.
The final layout of the site was achieved using cloud templates that we customized through tagdiv builder and custom css code.
A git repository was created to control and push the update.
How can we mantain the design intact through the update process?
Thx
Hi commandeleven,
Did you use the tagDiv CSS analyzer too? If yes, then it is possible that the css that was been generate to be the problem. Normally the tool needs to check the mobile version and it is possible to generate the wrong css.
If you use the tool, please remove the generate css, clear all cache and try again.
” How can I get a copy of that?” do you want to check the css file that is generate?
Thank you!
Hi Calin,
First, yes, I have edited responsive version on the mobile header in TagDiv. I tried both the mobile theme and amp previously but no success either.
I did notice that you have a TagDiv CSS analyzer – How can I get a copy of that? I am honestly unable to understand why just the header is creating problems on the mobile pages.
How can we avoid legacy javascript (and CSS) being used on our site? That this is used seems to result in the page crashing when there’s interaction with WooCommerce. For example,
https://staging2.frihetsnytt.se/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js?ver=12:192
Thank you for your response. I went through every row, column and element in the header and the menu, and there are no background images placed anywhere in the CSS tab, regardless of the viewport I am set to. IS there any other place it could possibly be located in the settings?
Hello,
You can use this custom code css to hide it
.td-lb-box-1, .td-lb-box-2,.td-lb-box-3,.td-lb-box-4,.td-lb-box-5,.td-lb-box-6,.td-lb-box-7,.td-lb-box-8{
display: none!important;
}
Set the code in Newspaper -> Theme panel -> Custom code -> Custom CSS.
Thank you!
Hello,
Please edit the page, select the viewport for phone and check the row for mobile header and mobile sticky header and remove it from the css tab -> https://www.screencast.com/t/p18oaR5eSC1
Thank you!
Hello Anamaria 🙂
I cannot upload an image because I dont know where to upload it to. You do not have an option for images. The default header of Newspaper top is black and the mega menu area is white. https://demo.tagdiv.com/newspaper_pro/
When I change the top header from black to red in the css panel, it only changes the middle and not 100% width.
I have searched everyplace looking for where to change it to 100% red but the option isnt available in the TDC. The code is hiding someplace else.
Please help me figure this out.
God Bless and thank you
CC
Hi Calin,
sorry for asking again.
When I embed the CSS I see full-size images in the gallery. But the gallery gets too wide on the desktop:
https://www.directupload.net/file/d/6696/nbspynjz_png.htm
Without the CSS, the gallery will keep its appropriate size, but the right image will be cropped.
https://www.directupload.net/file/d/6696/mqb3vv6s_png.htm
Maybe you have an idea for another CSS that shows the images in full size but without cropping the right image.
Hello @Brain916!
Check the CSS tab of the column title element and set the background color to black.Â
Thank you!
Hello @affnads!
Edit the article with the TagDiv Composer, click on the tags and delete the element called Single Post Tags. Also, there is an option to hide it in the CSS tab : https://prnt.sc/a694nQat_PFR
Thank you!
Hi,
Unfortunately, if you want to keep that layout al I can do is to provide som custom css.
Please try this one
.single .tiled-gallery {
margin-right: -12%;
margin-left: -12%;
}
Should be apply only on gallery.
Hello,
Thank you for your appreciation.
Please provide some screenshots to be able to help you.
Normally, you can change the color editing with tagdiv Composer, select the row and in the tab called css, you can change.
Thank you!
Hi
switching theme to newspaper from other theme alway create problems.
Hawaii.eu is the second website on which I install newspaper theme and it’s the second time I have problems.
basically the firs time I switch to newspaper there is no problem, than for example I activate the old theme (to copy css and other script) and then when I reactivate news paper the theme is broken.
I attach the ss of the header when I reactivate newspaper..
