- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
I have added some lines in custom CSS and it now seems to be working fine.
i believe that the td-module-thumb height was same for td_module_mx1 as well as td_module_mx2.
td_module_mx1 is the class for the first image in the block, which is bigger than the other images in the block.
That’s why the video logo was not appearing to be proper in the smaller images, because it was aligned to be in center of the overall image placeholder height, which was same as the height of the big image.
So i added a css to set the height of images in td_module_mx2 and it seems to be working fine now.
Thank you.
Hello mystudent,
If you want to increase the height of the footer section, please try the code below and increase the padding-top and padding-bottom whit a bit of CSS.
The code is ->
.td-footer-wrapper {
padding-top: 90px;
padding-bottom: 100px;
}
Thank you for the message!
Hello mystudent,
If you want to have this effect in the full width of the container, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-top-menu-full{
border-bottom: 1px solid red;
border-top: 1px solid red;
}
The result you should see here -> http://screencast.com/t/LanxoBgvzA
Thank you for the message!
Hello
Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.home .td-post-author-name {
display:none;
}
Hope this helps!
Thank you for the message!
Hi, what is the tool you use to compile style.css file?
Hi
I can’t find any big grid 5 on your homepage, only a big grid 4.
To remove the red color when hover over the thumbs from big grid 4 use this css in theme panel > custom code > custom css: http://screencast.com/t/rqKwLgME I changed the color to white but you can use any color, just change its code:
.td_block_big_grid_4 .td-module-thumb:after{
background-color: #fff!important;
}
If this is not what you mean please provide more details, also a screen pointing the desired result will help.
Thanks!
Hi
Sorry for the delay but we don’t work on week-ends.
Try this css in theme panel > custom code > custom css: http://screencast.com/t/FbhtBdNuxV70
.page .td-post-author-name{
display: none;
}
Thanks!
Hello TimGER5,
If you want to get rid of this sticky behaviour, you have to use a bit of CSS code and add some padding/margin on the top of the blocks wich are affected. For better results, please provide your website URL so I can inspect it closer and to give you a more accurate response.
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/yBzH5WSjrp2
.td_smart_list_2 .td-sml2-description p, .td_smart_list_4 .td-sml4-description p{
font-size: 14px;
}
You can modify the size of the image displayed in smart list 4 by editing the td_smart_list_4.php file and changing this parameter: http://screencast.com/t/2AEg1pqSs That can be replaced with any image size defined in td_config.php: http://screencast.com/t/gS3eGL2br Also you an use ‘medium’ or ‘full’ as arguments: http://screencast.com/t/gVHhRNs9ogq – http://screencast.com/t/XmejbrM1p6wQ
Note that changing the image size you will also need some css customization in order to have the smart list content displayed fine.
This is a complex task which require many customizations and unfortunately I can’t offer a solution now. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/gAFx6u5un
.mfp-figure:before{
height: 0px!important;
}
Let me know how it goes.
Thanks!
Ok, thanks for your answer. What you think of hyphenation in chrome and IE? Can be done via css? Or some other way when text is both sides aligned?
Thanks
Hi,
Since i purchase newspaper theme about 4 months, all the while it works perfectly until yesterday i found out that all the responsive customization is not working. After some checking, i found out that the code rendered in browser is messy.http://www.screencast.com/t/2tvxrxnr
You can see that after the custom CSS, it starts to mess with some script, and the next responsive Advance CSS is not working.
Please advise
*PS: i have tried to disable all plugins except Visual Composer but the result is the same.
Hello, i wanna change Newsmag Biggrid5 Style5 to black and when mouseover it becomes red, i wanna change that into a bit of blackish to Normal picture view when mouseover, is that possible?
Can you help me with CSS about it?
http://sonsoz.com.tr check it pls i make some color changes to normal ones but cant seem to change RED color on mouseower i wanna remove the RED…
Thnx…
Many large complex themes have one large CSS file for better caching, while some others break it down into 4-6 other files. One large file is better.
You can minify the CSS file very easily.
You might also see my long tutorial on site optimizations, in the theme docs > tutorials/DIY > best of forums.
In there I have links to how you can minify the main CSS file, and even the main JS file if you want.
With proper gzip/deflate running on your site, it will also be served as a very tiny file as gzip removes all the spaces anyway. But minification can easily be done.
Many theme devs don’t “start out” with minified version to make it easier for developers to EDIT/MODIFY the code, and read the comments; then those folks minify on “deploy” for a live site.
So, this is not that weird. All of the top 10 themes on ThemeForest have large amount of CSS — where do you think all those layouts and theme styles, features, options, etc. come from ? It’s all CSS.
Correction:
I just noticed that the issue is there even on PC, if i resize the browser window to the size of an iPad.
It seems like the issue with responsive CSS.
Hi, i already used over 20 premium themes – but no one of them had a css file like the newspaper…
With over 28 000 lines my css file is almost 800kb (0.8 MB) Big.
1. I dont use the visual composer – any way to remove some parts from the main css file – or is there already nothing in it…?
2. I read in the theme description, that some parts only load on demand – i think this should be the same for the css file – but it is unbelievable huge – if possible.
best regards
Hi, thanks for reply.
However, I am looking for how to change for the POST TEMPLATE style 3 title background colour, not block.
This is single post template title background colour, may I know where is the css code for title background colour post template style 3? May I know how to change it?
Thanks.
I have a couple of custom roles for premium members and want to hide ALL ads for users with those roles. I currently have this working via CSS, but is there a better way, I’ve noticed the ads still load, which isn’t ideal.
Thank you
I am a noob so go easy…
I am trying to find out how to change the page/post background color. It is currently set to just plain white. I can find how to change the text color and upload a new site background but not a way to change the content/page background color. I am assuming I will need to edit the style.css.
Thanks so much
If you want to hide the sidebar on mobile you can if you use CSS to customize it. At the moment, on the mobile version the sidebar moves to the bottom of the content.
You can hide it by using this code:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}
}
This applies if the sidebar is a standard sidebar from the widgets area.
Hello alicestudio,
You can try to do that using a bit of CSS code. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-style-1 .td-header-sp-recs {
width: 272px;
}
.td-header-style-1 .td-header-sp-logo {
width: 728px;
}
The result you should see here -> http://screencast.com/t/Whj9EAyB5
Thank you for the message!
jeez, and now they’re saying it’s an issue within the theme:
We checked it further and the issue is because theme author has modified our default column classes using: https://wpbakery.atlassian.net/wiki/display/VC/Change+CSS+Class+Names+in+Output
Due to this it breaks upon the update. You can get in touch with him and get rid of the above code to get it back. Kindly check.
How can I get this fixed?
Hi,
You could try this: add a custom css class to your row in visual composer: http://screencast.com/t/e7KPj4fevgm6
Then use this code to color it’s background:
.mycustomrow{
background-color:grey!important
}
And try to add the code in the theme panel-> custom css box. Please check if it will still load with a delay. If it loads the same as before, try to add the code directly in style.css in the theme files: http://screencast.com/t/5vgfYldoLdF
Thank you!
Hello WebECDQ,
Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
@media(min-width: 768px){
.td-boxed-layout #td-outer-wrap {
overflow: initial !important;
}
.td-mobile-nav-wrap {
display: none;
}
}
The result you should see here -> http://screencast.com/t/G6kXKDvgGXWe
I have added this BUG on our list of fixes and we will resolve this in our new feature updates.
Thank you for your message and sorry for the inconvenience!
Hi,
1) Unfortunately there is no option at the moment to add other social media icons in this widget. It can be done if you follow this topic: https://forum.tagdiv.com/topic/change-social-share-options-on-posts/
2) If you want to have the icons in the same length, you can do it with this custom css:
.td-social-google, .td-social-pinterest{
width:149px!important;
}3)The sidebar that limits the text area is meant to provide a visual style of how your post is going to display. It simulates the sidebar. If you wish to remove this line, you need to remove the sidebar from the post.
Thank you!
