- 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
Hello !
Please use this css code: .tdb-mega-menu .td-next-prev-wrap{
display: none;
}
Thank you !
Hello!
You could change the background of the footer by editing the footer with TagDiv Composer in CSS tab, near General tab.
Also for a youtube video you need to use the Youtube API key, take a look here: https://forum.tagdiv.com/youtube-api-key/
Thank you!
Header:
Although I have opened Website Manager and set Mobile Menu Sticky as enabled, and saved, when I open the website on an actual mobile device and scroll down, the sticky header does not appear. Inside the TDC environment, when previewing the website on a mobile device, the sticky header is there and functions as set and expected.
Footer:
I open TDC and select the footer row. Then, right between the settings tabs and the search box, I click on the mobile icon to edit those settings. The styles and settings which are displayed in the TDC preview window do not represent the ones applied in reality. Yes, I’ve saved the changes, cleared the cache, minified JS and CSS versions, and even browsed the page from a new and single incognito session from an actual mobile device, and in chrome’s and firefox’s dev tools. For once, the background color is different (light blue in TDC vs Black in reality), and then the structure of the footer is different also.
In website manager, under the footer section, I only see two options; Global Template and/or No Footer. Currently applied I have the Footer Template – Default PRO.
Then in cloud templates I open the Footer Template – Default PRO to edit it, but “Edit with Tag Div Composer” button is not available. In the textarea I can only see gibberish, which I know is not gibberish really, but a nightmare to work with at the least.
Lastly, in the admin pages, under Newspaper > Theme panel > Footer, I see no other option other than the CLOUD LIBRARY TEMPLATE section, but the Footer Settings or any other section besides the CLOUD LIBRARY TEMPLATE, as described here ( https://forum.tagdiv.com/footer-templates/ ), are nowhere to be seen.
The theme version is 10.3.7
Please advise as you see appropriate.
Hello !
On flex blocks CSS is not needed since you can edit all the options as you can see here: https://www.screencast.com/t/ch4TJER7pVTM
Thank you !
Hello !
Please use this css for that: .td_module_18 .td-read-more {
display:none;
}
Thank you !
Hi, now I understand, unfortunately this can be achieve only with custom css.
Please try this custom css
.sf-menu li {
border-bottom: 2px solid red;
}
This code need to be set in theme panel> custom code> custom css and it can be adjusted after your needs.
Hope it will help you!
Hi,
I am trying to display the tab and Ajax Categories Dropdown in Newspaper 10.3.8, however it keeps on displaying “Continue to the category”, even though I have selected the filter by categories.
I can’t even hide the text (and arrow) without overiding it with custom CSS.
I was able to display it as needed in older Newspaper (9.7.3) by specifying Filter by Categories and key in the selected IDs.
urgente:
Eu fiz como você falou. Mas agora está aparecendo a seguintes mensagem:
Temas indisponíveis
Os seguintes temas estão instalados, mas incompletos.
Nome Descrição
Newspaper Modelo faltando. Temas precisam ter um arquivo de modelo index.php. Temas descendentes precisam ter um cabeçalho na folha de estilos style.css.
NewspaperVersão: false
Por false
false
Hello !
Please try this css code: .td_module_wrap .td-module-title:hover a{
color:#ffa301!important;
}
Thank you !
Hello!
For this issue we have 2 solutions in different cases:
1. If you don’t have installed the Mobile Theme plugin you can simply edit the responsive layout with TagDiv Composer. Click on the search icon, look about CSS section and there you will find an option called “Display” and you can choose “Hidden” from that list.
For more details, check this: https://www.screencast.com/t/P4CnQZ1n
2. If you have the Mobile Theme plugin installed you can do it if you add this css code right here: https://www.screencast.com/t/YA8y0rEB
The code:
.td-search-icon {
display: none !important;
}
Hope that helps you!
Thank you!
Hi,
Using the options from our theme all share buttons has an hover effect -> https://i.imgur.com/y6NfjiD.png this can be different if you are using some special sharing for Pinterest, then it can be adjusted only with css.
Thank you!
Hi,
It should work with all 4 images -> https://i.imgur.com/8m74JB7.jpg
Also if you want to remove the space/gap between rows, select the row and the element after that in css tab set margin top and bottom 0, this should work, if not set on row css tab too those setting -> https://i.imgur.com/l3q2LH0.png
Thank you!
HI,
Please set the css in theme panel> custom code> custom css and see the results.
If there are some problems, please make sure that you do not have a plugin conflict and provide a link where I can inspect this situation.
Thank you!
Hi,
In order to change the fonts of the review section you can use a single post template from tagDiv Cloud Library:
-> https://www.screencast.com/t/6x2HRiI5
-> https://www.screencast.com/t/E8vqCrqzv
or you can use custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Thank you for your understanding!
Hi,
What you can do is to use a custom css for adding a scroll bar, like this one https://i.imgur.com/eWJUVfx.jpg
.sf-menu .td-normal-menu ul ul{
overflow: auto;
max-height: 400px;
}
This code need to be set in theme panel > custom code> custom css.
Hope this will help you!
Hi,
If this https://www.screencast.com/users/GiaHongIT/folders/Default/media/cfdfb44e-3161-470f-bfb1-72aa8b0ac63f is a page, then you can achieve this using tagDiv Composer, I think that your elements are set in side the row columns -> https://i.imgur.com/P671244.jpg those can be adjusted by setting a class on that row and use a custom css -> https://i.imgur.com/sfLOa7y.jpg -> https://i.imgur.com/AKhRyKP.png
.my-class.td-pb-row .td-pb-span4 {
width:50%!important;
display: inline-block
}
This code need to be set in theme panel> custom code> advance css> phone.
Hope this will help you!
I get this error:
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
The primary factor in page speed is load-efficiency. For example, you could be using relatively few mods and still get a bad page speed score if you aren’t implementing proper pre-load rules, modifications, etc. Alternatively, you could make hundreds of mods and get a 99% page speed score if you optimize it to oblivion. But as a rule of thumb, try not to use more than a few flex-blocks. Also, in TD Composer, hard-coded style mods you make will load slower than the external custom css sheet. So try to make site-wide css changes in the external style sheet so you can optimize it with your caching plugin. If you want to add plugin-based blocks, I’d recommend Genesis and to a lesser degree Advanced Gutenberg.
I tried to upload to WordPress after downloading from Theme Forest and it says that it failed because it’s missing the style.css stylesheet. I bought the newspaper one with the”big update”
I’m using Newspaper 9.5 and I can’t find the setting you are suggesting.
I would like to switch to Roboto for all elements on all pages of the site, but when I turn on Google fonts and go through all font settings in theme panel in order to change to Roboto, the speed of the site slows down considerably.
I tried different options to achieve what I need, but without success.
For example, I added the following to the head section:
<link rel=”preconnect” href=”https://fonts.gstatic.com”>
<link href=”https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap” rel=”stylesheet”>
then added the following to the custom css field in the theme panel:
p {
font-family: ‘Roboto’, sans-serif;
} – unsuccessful, there is always a mix of styles on the pages.
I don’t want to use extra plugin for this.
How can I edit the Default font of the site using theme files? Probably there’s something I could edit in the theme files?
Thanks!
Hi, I want to use the image box for 4 images (in element image tab u can upload 4) but it only display 3.
How do I do this?
and if i put in a new row there is a space between it and the row before how do i remove this space? This always happens and I don’t add an empty space and I don’t touch the row column and element css margin.
I added an image and wanted to make a background overlay. I inspected the image and as able to do this by adding this code:
body .tdi_57_1a1:after{
position: absolute;
top: auto;
bottom: 0;
width: 100%;
height: 40%;
background: rgba(30,29,10,0.49);
}.
However when I go into css and put this code the dot is green meaning it should work but nothing happens and when pressing saves it just keeps loading the save plus I tried changing small things like font size and stuff and nothing works in the css live
Hi, I would like to use the big grid 5 becaue I like the image effect (zooming in). But I don’t find any option to choose the pictures that are displayed (Like with the “image box” u have an image tab where u can choose the picture and url and customise the text) Is this possible with the big grids? I don’t have any posts yet to link the big grid to. So I want to change the pictures manually by uploading an chosing them.
The only way i can do this now is with the “image box” but I don’t like the box style (white box or border) and I don’t find a way to disable it and I really don’t want the darker image effect which I also don’t know how to disable.
Also, how do u delete the space between 2 rows of “image boxes”? I want a 3×3 grid and I can’t choose that with the image box so i ad 3 image boxes under each other but between them there is to much space, when i go to row or column or element and go to the css and put -100 for example it doesn’t work and I don’t know why because I saw a tagdiv video about making a personal page and when u put -100 the image even overlayed the image above it.. with me there is a big space between the rows and i can’t make it smaller.
