- 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
Hi, my website is not published yet so I can not put the link. it’s pretty easy to understand the problem.. In the top menu (above the logo) I have a word that has a submenu.. when I go with the mouse on the word the submenu appears but when i move the mouse down to click on the submenu the submenu dissapears. is this a z-index problem? an overflow problem? Do I need to change it with css? i have no idea how to do that.. Same thing with the search button in top menu when u click and search the articles show under it but i can not click on the article because the logo row somehow has priority over it.
@Vlad, I’m fine to try the CSS addition, but that won’t affect performance as the image will still be requested. We just won’t be showing it. I’d prefer to understand why I can’t control the way this search overlay works like I can with all the other parts of the theme.
Hi Calin, thanks for that (I had done what you said, but the backend needed me to save it before it appeared so that’s taken care of, again, thanks a lot).
So right now this is how it looks: https://ibb.co/R4MzkHB (see the fat gaps above and below it)
And I want to get rid of the gaps, and have it looks like so: https://ibb.co/KDm881r
And when I go i,nto the backend and try to do that thru CSS and get rid of the arrow-indicated gaps as seen here ( https://ibb.co/HdfJnSG ), I just can’t.
Can you help with this?
Hello !
Please try this css code: .td_module_mx2 .td-module-thumb {
display:none;
}
.td-post-date .entry-date,.td-search-wrap-mob .td_module_wrap .entry-title {
margin-left:-85px;
}
The code must be inserted here: https://www.screencast.com/t/GG01iMvRlig
Thank you !
Hello !
Please try this css code:
#td-aj-search-mob .td_module_mx2 .td-module-thumb{
display: none;
}
#td-aj-search-mob .td_module_mx2 .item-details{
margin-left: 0;
}
The code must be inserted here: https://www.screencast.com/t/GG01iMvRlig
Thank you !
Hello !
Unfortunately css will not solve this. you will have to check your headers or elements which use the font awesome and remove them.
Thank you !
Hello !
Unfortunately this will require custom css which is not covered by the support team. You will have to hire a developer in order to set this setting.
Thank you !
Calin,
Thanks for getting back I would send you a screen shot but that’s not allowed on here. The thumbnails are enabled and were when you looked at it.
The blog page called “chronicles” has absolutely no order what so ever it’s a disaster. The heading on my site is showing white like there’s nothing there but it used to actually have a heading when I look at it on TD composer it shows up but the original CSS/ formatting and styling before the update is all off. The previous background images are gone for the heading and the entire website. Also several of my homepage elements are literally just gone I couldn’t tell you where they went
Hi
I have set a new module with a post and it looks quite the way I want it to look. But unfotunately there is a bar beneath the image I can’t get rid of.
I tried everything with padding on css. I know there is a option for “module background color”. If I enable this it is exactly how I like it but I want a gradient and on your module background option there is no gradient option. 🙁
At the moment it looks like this:
https://imgur.com/a/QgYZ9Hp
And I want it to look like this:
How can I erase the space in the bottom area?
Hello In Newspaper theme my menu not opening smoothly and some time not shows the menu when slow internet connection speed i like the style of forum menu style Compare is any css code here to remove the animation from my website
Hello !
If you are using flex blocks you are able to remove that from block settings as you can see here: https://www.screencast.com/t/WrANTUldRcRu
For normal blocks we will be needing a link to your website in order to see what css code will work.
Thank you !
Hi,
Unfortunately for the moment using the Newsmag theme does not have the option to set the content to full width (100%), also it will be hard to apply a custom css to work correctly for entire website without braking something in your website.
Thank you for your understanding!
Hi Guys
Been messing about with this for a while now and thought it may be easier to ask for some help. I have some layouts with left sidebars which I would like to display below the content on a mobile device. I have lots of pages so the mobile theme don´t work for me. I can easily hide the left sidebar but I would prefer if it displayed after the main content. I know it´s possible using a CSS media query and assigning the display order, I just cant seem to get it to work right.
I am using the latest verion of Newspaper. Would really appreciate some help with this.
Best regards
Wes Dunn
Hi,
On mobile theme plugin you can remove that section only with a custom css:
.td-category-description {
display: none;
}
You need to set the above code in theme panel>mobile theme >custom code> css.
Hope this will help you!
Hi,
You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Let me know the results!
Thank you!
Hello!
You can modify easily the background of a header with TagDiv Composer, select the header row, then access the css section and change these: https://www.screencast.com/t/OqhHffwVK0
For more details about it check also: https://forum.tagdiv.com/tagdiv-composer-tutorial/
Thank you!
Hi yadavrohit, if it was only html, css or js, then you could use the html, css column text and text with title to set your code with tagDiv Composer inside the single post template, but because it is a php code, for the moment this can be set only in theme plugin files -> wp-content/plugins/td-cloud-library/shortcodes/single now the problem is to get the data-href -> https://developer.wordpress.org/reference/functions/get_permalink/
Here is a similar thread -> https://forum.tagdiv.com/topic/partsheader-ad-wheres-the-new-place-to-put-my-php-code/
Hope this will help you!
Hi everyone,
could you please guide me on how to change the NewsMag Template to be shown in full width?
The template is only showing on a small part of the screen and we would like to take over the full screen.
Do you have a CSS selector or a setting that we can use? The documentation doesn’t explain how to set this.
Thanks!
Hi,
If I understand correctly you want to set a background on this section -> https://i.imgur.com/AsoqA3B.png this can be done using tagDiv Composer -> https://i.imgur.com/32o7YQJ.jpg select the header row and in css tab set the background image -> https://i.imgur.com/xbd98QV.jpg -> https://i.imgur.com/AafPUeF.jpg
Hope this will help you!
Hi sector, if you are using the mobile theme plugin, then you can not use the tagDiv Composer, only theme panel settings and custom css, also the login can be disable from here -> https://i.imgur.com/bOhQRiC.png
If you ware using the responsive version then you can simple change the viewport layout from here -> https://i.imgur.com/iRyhXmp.jpg or you can use the new option for different mobile page -> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Hope this will help you!
No, that white bar has been there since the beginning, I haven’t touched the css or anything, I just want to remove that white part. Please, can you help me?
Hi,
The colors from widgets elements can be set from here -> https://i.imgur.com/aYEjGKo.png the results will be those -> https://i.imgur.com/I49XZ2F.png if you are using a specific demo, those will have add an extra class on body -> https://i.imgur.com/xRgTVnI.png that will overwrite the styles mentioned above and it can be change only with custom css or removing that class -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this will help you!
Hi I am new to tagDiv forum, just bought the theme yesterday. I came from a bootstrap css framework theme and now I am struggling to understand the css framework here. Could someone explain me how to create a html grid for desktop and mobiles like col-md, col-sm & col-xs?
When I click on the delete button (rubbish bin), it still can’t be removed.
And I saw from the console log
Uncaught TypeError: Cannot read property 'contents' of undefined
at Object.setLiveIframeCss (js_files_for_wrapper.min.js:91)
at Object.showHelper (js_files_for_wrapper.min.js:88)
at js_files_for_wrapper.min.js:76
at dispatch (jquery.js:3)
at r.handle (jquery.js:3)
js_files_for_wrapper.min.js:91 Uncaught TypeError: Cannot read property 'contents' of undefined
at Object.setLiveIframeCss (js_files_for_wrapper.min.js:91)
at Object.showHelper (js_files_for_wrapper.min.js:88)
at js_files_for_wrapper.min.js:76
at dispatch (jquery.js:3)
at r.handle (jquery.js:3)
Hi everyone,
I’m trying to change the text (the default is black) and line (the default is yellow) from the Side Bar.
I’m using the Tag Div Block 4 widget but I’m not able to find the location where I can control its CSS colors.
Could you please let us know how can we change it?
Example: https://ibb.co/D7bTVPJ
Widget: https://ibb.co/tKXpkch (the only template that is available is Block Header 1 – Default
Thanks,
Mario