- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Thanks Andrei,
thats exactly what i did.
But the css seems not to apply… Screenshot
What is the error?
Hello Atsouf,
You can use this custom CSS:
.td-header-style-10 .td-header-sp-logo{
background: white url('http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg') no-repeat;
background-size:cover;
margin-bottom: -48px;
height: 161px;
}
result: – http://screencast.com/t/X4RqsyyIK5Y
You can change the image url to your own and you can set the transparency of the header menu from the theme panel: http://screencast.com/t/4BiffM632yH.
Thank you!
Hi,
Unfortunately the time doesn’t allow us to provide custom work, sorry! Here you can find some information about our WP Super Cache settings on demo – https://forum.tagdiv.com/topic/create-a-separate-file-for-all-css-and-scripts/#post-70655
Thanks!
Hello Dragon,
The easiest way to disable this is to hide it with css:
#td_uid_21_56091678ca167{display:none;}
or you can remove it from the core files: http://screencast.com/t/Ube729sIT
Whichever you like.
Thank you.
Hello Gusti,
I have checked your menu and made a custom code for it.
You can use this custom CSS in your theme panel – http://screencast.com/t/NLpQ3GrX
@media (min-width: 768px){
.td-header-wrap .td-affix .sf-menu > li > a {
line-height: 30px !important;}}
Thank you
Hi,
There is an option to disable author and date from Theme Panel > Post Settings, this will be applied on posts, modules globally. If you don’t want to hide them from your post pages, you can do this using custom css in Theme Panel > Custom Css – http://screencast.com/t/4iRddMNCSz and also for archive templates(categories, tags…) or search page – http://screencast.com/t/BkCgEFnCn
.page .td-module-meta-info, .archive .td-module-meta-info, .search .td-module-meta-info {
display: none;
}
Thanks!
Hi
You can chose how the image will be aligned from image details: http://screencast.com/t/YcLnH2gNce – http://screencast.com/t/xjmRPmp1 More details about float property, which is used to display more elements on the same line, can be found here: http://www.w3schools.com/cssref/pr_class_float.asp
The result should be like here: http://screencast.com/t/z83yxHQSbp
Let me know how it goes and if you need further instructions please provide more details and a link if possible!
Thanks!
Hi
Please make sure that you don’t use any formats on the text that should be near featured image: http://screencast.com/t/VH9o8oCiS
To place the featured image on the right add this custom css in theme panel > custom css: http://screencast.com/t/D4g56UxW
.td-post-template-1 .td-post-featured-image{
float: right;
margin-left: 21px;
margin-right: 0;
}
Let me know how it goes!
Thanks!
Hello Mathew,
You have the possibility to use visual composer on posts as well but this feature is not tested. You may need a bit of css to adjust the block’s position.
You can activate visual composer on posts from the plugin settings: http://screencast.com/t/nXVQ0qep
Thank you!
Hello Ruud,
Actually, that is the box’s purpose. You can create your code and add it to the custom CSS box. We usually use the browser inspector and an extension: ‘Live CSS editor’ to modify the code. After that you just copy the code from the extension to the panel.
Hope this helps.
Thank you.
Hi
The subcategories from blocks are displayed by js which calculate how many items can be displayed on top and the others are hidden in the drop-down menu. A possible solution would be to add this custom css in theme panel > custom css:
.td-subcat-filter .td-subcat-list .td-subcat-item {
margin-left: 430px;
}
Note that I didn’t test this for every block so I can’t say if will work fine for all, also the changes will affect every block added on the site.
The theme doesn’t have an option to change the More button only from one block, it can be chanced from Theme Panel > Translations section, but this change will affect all blocks: http://screencast.com/t/lXFpVOffCVzZ – http://screencast.com/t/yrAuK74QIzhU
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello,
i am using Newspaper 6.4 on wordpress 4.3
For my header + menu style i am using Style 10 (full logo on top + center menu) i dont want to use color but a bg image.
Can i have some help on teh css modification please?
Looking forward,
atsouf
Hi,
Unfortunately not all colors are supported by the button shortcodes, you can customize using custom css, use the color like an extra class – http://screencast.com/t/iJtKxey3idG – http://screencast.com/t/X6dDu9fQp
On the article where the button is displayed fine, you use custom css for it – http://screencast.com/t/qVG5q0zt
You can also add a button using the Visual Composer in a page(design it) and copy the shortcode in the post content, check this topic – https://forum.tagdiv.com/topic/creating-buttons-in-posts/#post-56162
Hope this helps!
Hi,
@AilyRoot The theme use the plugin’s template and it supports the full bbpress plugin. We have added just some css code but we don’t alter the plugin functionality. If you want to create your own template you will have to read the plugin’s documentation – https://codex.bbpress.org/themes/theme-compatibility/getting-started-in-modifying-the-main-bbpress-template/ as we cannot provide custom work, sorry!
Thanks!
Hi Pandian,
Sorry for the delay, we to not work on weekends.
1) You can see image sizes used in different locations in the theme panel: http://screencast.com/t/OpR8bRP5mA4f
2) use this custom css to style the slider header
.td_block_slide .td-slide-meta a{
background-color: rgba(77, 178, 236, 0.7)
}
3)You will have to update to the latest version to be able to use the new features. You will find a list of fixes for the 6.4 and 6.5 versions here: http://tagdiv.com/blog/
4) For the grey tint, try to regenerate your thumbs: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you
Hello Kathrin,
It seems your image on pages is getting a ‘float:left’ and on posts or categories it doesn’t
You can use this custom css to cancel it.
.page .alignleft{
float:none!important;
}
Thank you!
Hi
1. Are you referring at the main menu which is full width: http://screencast.com/t/DhgHeJVmhcmY If you want to modify it’s size like here: http://screencast.com/t/cZZWcAIMPTn please try this custom css in theme panel > custom css:
.td-header-style-10 .td-header-menu-wrap{
height: 44px;
width: 1021px;
margin-left: auto;
margin-right: auto;
}
If this is not what you mean please provide more details and your site url so I can provide a more accurate answer.
2. You can add the page in menu from Appearance > Menus: http://screencast.com/t/HO1Q56N4ag Also you can find more details about how menus can be customized, in our documentation: https://forum.tagdiv.com/main-menu/ – https://forum.tagdiv.com/mega-menu/
Thanks!
Hi,
I just ask you about this, I did not said that it is not possible. Anyway I will add this to our suggestion list to have a footer template with info content on the right.
I have tested this on my side and you can try this solution on your side. I guess you changed the column 1 position in footer style 3 – http://screencast.com/t/ZPDLTis9wg Now please paste this custom css in Theme Panel > Custom Css and check if you still have this issue on mobile device – http://screencast.com/t/S8tZCIukL
@media(max-width: 767px) {
.td-footer-template-3 .td-pb-span4 .td_block_15 {
float: none !important;
}
}
Hope this helps!
Hello,
Try replacing your CSS code with this one:
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.top-header-menu li a {
font-size: 12px !important;
margin-right: 5px;
}
}
This should display your full top menu.
Thank you!
Hi
Try this custom css: http://screencast.com/t/e4cuaWgl1tRa
.single .alignleft, .archive .alignleft {
float: left;
margin-right: 23px;
margin-top: 6px;
margin-bottom: 6px;
}
.single p a, .archive p a{
border-bottom: 1.5px dotted #FFD700;
color: #FFD700;
}
Let me know how it goes!
Thanks!
Hello Rob,
Sorry for the delay.
It can be done by inserting a custom link in your menu and adding an image to it (a standard ‘img’ tag) like so: http://screencast.com/t/BaAprd2Tgz4F
Result: http://screencast.com/t/jlpXi8iduu
The downside is that you will need custom css to properly position the logo and this depends on the size of the logo you add.
Thank you.
Hi peeps!
There’s only one question I have.
Basically, what I want to achieve is to add a clickable jpg image in the main navigation menu, but unfortunately I wasn’t able to find the piece of code. I don’t know if this is important, but I’m using “td-header-style-2” for the main menu. The image is practically a logo, but I don’t want to put it somewhere else.
And as a side note, the element .td_block_wrap from the Social Counter plugin has some padding-bottom that I couldn’t remove with local custom css, but only after I added negative padding to the following div. Not an issue though, as I found a good workaround.
Cheers!
They usually post the theme version in the changelog files from the theme download, and at top of style.css file, and shoukd show in the wp admin panel under appearance > themes.
I think you can also see list of versions and changes on bottom of the theme info page on themeforest. They might have separate changelog page, but had not seen that.
Hope that helped a little ?
Hey all,
is there any custom css to make the menu on desktop NOT sticky while using the “Smart snap for mobile”-Option?
Thanks in advance
I’ll like if they can make a darker theme as well,it’s too much work to make ur site full dark background and then changing text colors etc with a lot of CSS Codes that just slow ur site down,i don’t know why they don’t bring out a light and dark theme with V6..smh
-
This reply was modified 10 years by
Steven.