- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi Andrei,
and thank you so much for your replay.
So, I tried to download and install the updating from Themeforest but, importing the zip file it appears this message:
“The package can not be installed. The theme is missing the style.css stylesheet.”
how can I solve?
thank you again so much
Luca
Hi
Of sorry about that, I’ve test it on desktop. Try this css, it should work fine on all devices: http://pastebin.com/tzrYWFmN
Let me know how it goes.
Thanks!
Hello,
No it cannot be done through the theme panel. It can be done with a bit of css though.
Try this code in the theme panel->custom css box:
.td-theme-slider .slide-meta-cat a{
background-color: rgba(0, 0, 0, 0)!important;
}
.page .td-post-category{
color:black;
background-color:transparent;
}
Thank you!
Hi,
The image gets an external css with a fixed width from jetpack it seems: http://screencast.com/t/iCiCng0hPtK
If you say you disabled jetpack, please also clear any cache as it could still be served through the caching.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/4Tzf5PBp7jvJ It will re-arrange the ads according with screen’s width.
@media(min-width: 1320px) and (max-width: 1500px){
.right{
right: 0px!important;
}
.left{
left: 0!important
}
}
@media(min-width: 1250px) and (max-width: 1400px){
.right{
max-width: 130px;
right: 0px!important;
}
.left{
max-width: 130px;
left: 0px!important;
}
}
@media(max-width: 1290px){
.left, .right{
display: none!important;
}
}
However on screens smaller then 1290px the ads will be hidden because there is no space for them, and if they are visible will be pushed under page’s content.
Hope this helps.
Thanks!
Hello selfdine,
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-style-1 .td-header-row [class*="td-header-sp"] {
float: right;
}
The result -> http://screencast.com/t/b9ESkjQJ6PNj
Thanks for the message!
Hello,
Thank you for your reply. I Understand That You can not Develop For Each person.
I know the way to change the CSS but can you just tell me what values to change to change the size of the header logo?
@media (max-width: 767px) {
.td-header-style-5 .td-main-menu-logo img {
max-height: 70px! important;
}
.td-main-menu-logo img {
max-width: 185px;
}}
I would like the logo to be a little bigger on the site for office. Mobile view can stay like that.
Thanks again.
Hello SoNowner,
If you want to remove this image, please notice that you will have to get rid of it from your Media Library or from this path -> http://screencast.com/t/IlNeLRaZY4J7 -> http://screencast.com/t/h96s26peb and please notice that the CSS folder does not contain the images.
Hope this helps!
Thanks for your understanding!
Maybe it’ll be easier if I simply just edit the newspaper style.css instead of using the custom style css area?
-
This reply was modified 10 years by
popngen.
perfect. That was what I needed.
Making copy of my style css in a place I can find more easily — just in case.
Most of my mods to old version were done in 2014, and some early 2015, so they were not easily at hand.
Thanks again 🙂
Hi, I have a specific piece of code that I want to insert into my newsmag website, but it’s not showing up no matter where i put it. I have tried:
installing as a widget
installing as header code
installing as footer code
installing as sidebar code
Manually inputting into css file
Here is the code in question : <script type=’text/javascript’ src=’//pl6447040.puhtml.com/ad/d9/9f/add99f669033ae25ef60c5ff0bbdba50.js’></script>
and my website is my.prostreetonline.com
Please help
Hello,
1) You can disable the logo on the sticky menu from the header settings in the theme panel: http://screencast.com/t/3eaZqAAjTKMQ
2) Assuming you are referring to the category tags, You can nuse css to change the color of the tag:
.td-post-category{
background-color:red;
}
3) I have checkled your images and it seems you are using an image optimiation tool Most likely it;s the photon feature of jetpack .that will re-size the iomages in order to “optimize” them. Please remove any at all image optimization tools.
Thank you!
Hello Chandan Kumar Singh,
Please notice that the Visual Composer is not fully tested for their using on posts but only for pages and that’s why we do not recommend to use it for post pages. So, if you want to use the VC for posts, please notice that you will have to enable it from general settings like this -> http://screencast.com/t/WldjuASAR8h and then when you create/edit the post page you can add Visual Composer elements. Please notice that if you are using the VC on posts it could be possible to need some additional adjustments from CSS for better results which involve custom work. So, if you are not aware of them, please consider hiring a freelancer/developer to help you!
Thanks for your understanding!
My old template I did not have this issue so I am confused why I am having it now? Please help!
I run report on my site and I keep getting “The following images are resized in HTML or CSS. Serving scaled images could save X. Serving a scaled image could save X amount.”
I have unchecked modules and boxes I do not use, that only reduced page load by .4, and did nothing for page speed which is still at an F.
Please help! Thank you so much.
How do I fix this?
Hi, I need to remove this image from the style.css folder because it is causing a mixed content warning in some web browsers. How do I do this? Here is the result I get when I plug my website into https://whynopadlock.com:-
Total number of items: 237
Number of insecure items: 1
Insecure URL: http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/01/couple.jpg
Found in: https://soapoperanation.com/wp-content/themes/Newspaper/style.css?ver=7.3
Hi,
If is useful for you, please try the code below and place it in Theme panel->Cusotm CSS area the main menu will be hidden. Another basic way does not exist in this regard.
The code is ->
.td-header-menu-wrap-full {
display:none;
}
Thanks for your message!
Hello imambudianto5,
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-scroll-up {
border-radius:20px;
background-color: gray;
}
The result -> http://screencast.com/t/ynTygvgf9TK
For your second request, if you want to replace the search button with other you can check the following topic here -> https://forum.tagdiv.com/topic/replace-search-icon-with-search-bar-in-the-header/
Thanks for your understanding!
Hello,
Try to use !important if the css does not apply as it means the code needs to be more specific and with a greater priority. Use the code like so:
.block-title{
border-bottom: 2px dotted black!important;;
}
It will affect all block titles though if you use the code like this.
Thank you!
Hello,
Unfortunately you can only remove the date either from posts or from modules and blocks, all at once. There is no way of removing the date just for only one category .It can however be hidden with css. Please provide a link to your site and I will provide the proper code to hide the date in the specific category
Thank you!
Hello josoro,
As you can see, this is not a simple task and to accomplish it you will have to do some additional customizations. So, the block 21 uses the module 16 and if you want to change the structure of the Related Post you will have to alter the code from the td_block_related_posts.php core file and change the module with yours, like this -> http://screencast.com/t/tvJepGXwF For achieving better results, please notice that you will need to make other customizations with CSS for a better look and we cannot provide these because cannot provide custom work at the moment. Please keep in mind that I only gave you a hint in this regard and we cannot do it for you. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you.
Thanks for your understanding!
Hello Aronfly,
You can hide your main menu for your desired pages only if you will use the own page ID for this. Below, I gave you an example for this ->
The CSS code is ->
.page-id-308 .td-header-menu-wrap-full {
display:none;
}
The result you should see here -> http://screencast.com/t/6KkCdAy1o9y
Thanks for your understanding!
Hi,
Please provide a link to your site so I can inspect the logo and see if it can be modified with a bit of css.
As for the white space i’m not sure where it comes from. Please provide an example.
Thank you!
Hi
Try this css to make the footer and sub-footer full width: http://screencast.com/t/9ieuw6BFWl
.td-footer-container,
.td-sub-footer-container.td-container {
width: 100%;
}
.td-footer-container.td-container .td-pb-row,
.td-sub-footer-container .td-pb-row{
width: 1021px;
margin-left: auto;
margin-right: auto;
}
Let me know how it goes.
Thanks!
Hello pierpaolocorso,
I am glad that you could fix the problem using my CSS trick.
Thanks for the message!
Hello aberniz,
In order to change the symbols from the Next to the Top button, please notice that you will have to import a list of symbols or you can try to use some plugins with this functionality to install the stylesheet for these symbols which should have some codes. This is necessary for the theme recognize all of them. After this, you will have to use a bit of CSS to change this, using the code below ->
.td-icon-menu-up:before {
content: '\e809';
}
Please notice that the value of the content should be a code for your desired symbol. As an example, you can see here -> https://astronautweb.co/snippet/font-awesome/
Further, you will have to find an online solution/plugin that offers you these codes. So, if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide additional customizations at the moment, sorry!
Thanks for your understanding!