- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
1. Please try this custom css
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
font-size: 17px;
font-weight: 600;
}
.single .woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
min-height: 315px;
}
.woocommerce-checkout .woocommerce input.button, .woocommerce-page .woocommerce a.button, .woocommerce-account div.woocommerce .button {
font-size: 11px;
line-height: 11px;
font-weight: 700px;
font-family: Verdana, Geneva, sans-serif;
}
.woocommerce .td-pb-row .products a.button, .woocommerce .td-pb-row .products .button:active {
display: block;
text-align: center;
}
.woocommerce a.added_to_cart {
padding-top: 0;
}
@media (max-width: 1018px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
min-height: 315px!important;
}
}
@media (min-width: 1019px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
min-height: 350px;
}
2-3 Unfortunately I do not know what text you are referring and what gallery please provide some more details and some screenshots.
Thank you for your understanding!
Im trying to set my fill’s opacity to transparent on this item: http://prntscr.com/ml0fae that uses a divider of the theme.
Unfortunately, fill-opacity:0 makes the whole object colored with fill’s color.
Any ideas?
My main idea is to move an image from the next divison up, with negative css margin top.
Hi,
This style comes from News Magazine -> https://demo.tagdiv.com/newspaper_magazine/
Please try this custom css
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover {
color: white;
}
Thank you!
Hi,
If this is what you want to achieve then please set the below custom css in Newspaper theme panel>Custom code>Custom css
-> https://www.screencast.com/t/n7Eg1vUci7
-> https://www.screencast.com/t/AjpJfV6Ex
.horizontal-list>.menu-item>a {
padding-left: 15px;
padding-right: 15px;
}
Thank you!
Hi,
So you are referring to the header ad spot. The header ad will be displayed in different positions depending on header style used
– https://forum.tagdiv.com/header-styles/
Maybe it could be done with some CSS. Post a link to the website with the header ad set, and details about how exactly you want it to be.
Thanks
Hi,
For that block this can be achieve only with custom css -> https://www.screencast.com/t/GjYaAo9tIGz
.td_block_15 .entry-title a {
color : red;
}
If you want you can try some flex blocks, those have a lot more options.
Thank you!
Hi,
You can replace the above custom code with this one
.single a:hover,
.td-sub-footer-container a:hover,
.td-footer-wrapper a:hover,
.sf-menu ul .td-menu-item > a:hover,
.sf-menu > li > a{
text-decoration: none;
}
Also if you do not want to avoid underlining text when hovering over it you can remove this a:hover,a:focus{text-decoration:underline} css from your code.
Thank you!
Hi,
There is an ad set, but is look like is something wrong, please set this custom css in Newspaper>Theme panel>Advance css section phones ->
.td-header-rec-wrap {
display: block;
}
this should do the trick and the ad will appear
https://www.screencast.com/t/HfbrV4LkaCk
Thanks.
Hi,
With that header style setting a background image in the theme panel will display it like this, behind the ad
– http://prntscr.com/mkwdci
You could import or design a header template, set the image background on the rows in the header
– http://prntscr.com/mkwejr
Use the logo image you want and position it with the CSS tab setting for example
– http://prntscr.com/mkwfgu
There are many possibility with the new header options.
Thanks
Example of a post on the website with the bullet point issue within quotes.
Tried adding this among other CSS modifications, and it didn’t fix the issue:
.parent {
text-align: left;
}
.parent > .td-post-content blockquote ul {
display: inline-block;
}
When i add rows to my site i can’t change the gap/space below or above the row in CSS settings. i see som changes in editor mode, but on live site its all the same.
How can i change space between rows?
PS! I have turned off cache.
Website:
https://nmcu.org
Hi,
Is there any way to set custom a href with img on the right, because image is smaller and I need to align it to the right side. I tried in CSS, but not successfull.
I am using code like this in Your Header Ad field:
Yes i need you to help with css
i want to make menu closer logo like this website
This link https://www.unilad.co.uk/
pic -> https://imgur.com/a/ZdOHAEl
Thanks for your help.
Hi there,
Can i use sharing bar as sticky?? i mean without using third party plugins!?. As we can
now use any elements in new custom header option with v9.5 so how can we put social sharing button in header as sticky. i mean i hope u understand. I already did the same thing in new custom header in my website (screenshot below). But it’s only show social media profiles not sharing options. Please help if anything should be possible using code or css. Now I don’t wanna use any 3rd party sharing bar plugins because they slow down my site.
Thank You.
Hello!
How can you set a horizontal header image on the very the top of the website? It needs to be covering a part of the logo like this:
I tried different header settings in the admin panel, but the background image is not shown (HEADER STYLE is set to “Style 8”, and TOP BAR LAYOUT is set to “Style 4”):
I also tried this custom CSS, but it doesn’t take effect:
body {
background: url(image.png) repeat-x top center;
}
Newspaper theme version is 9.5. Header Manager is enabled.
Can you please advise?
Thank you,
Alexander
Hi,
Please try this custom css
.sf-menu ul .td-menu-item > a:hover,
.sf-menu > li > a{
text-decoration: none;
}
-> https://www.screencast.com/t/NKCMo18PbJMV
If there is still a problem please provide a link were I can inspect this and I will provide you the right custom code.
Thank you!
Hi,
In order to achieve that you’ll need to use some single post templates from tagDiv Cloud Library edit those single post templates and remove the post date and author
here is an example -> https://www.screencast.com/t/VtjXb66SC -> https://www.screencast.com/t/xR6pdudxmF after that set the template to that post that you do not want to have those information.
You can set this template as global template -> https://www.screencast.com/t/YkG8UKJCToS or individual template -> https://www.screencast.com/t/QZis1ic9cVTL
Also this can be possible using custom css.
Hope this will help you!
Thanks.
Add it in the custom CSS section of the theme panel, it should fix this unusual situation.
Hi,
Please check the color theme from theme panel -> https://forum.tagdiv.com/theme-colors-introduction/
-> https://www.screencast.com/t/4279smom -> https://www.screencast.com/t/mJxq6pIoCM
For post titles from blocks you need to set a custom css-> https://www.screencast.com/t/mHELrYRN
.item-details h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
color: blue;
}
Set the code in Newspaper>Theme panel>Custom code>Custom css
Or you can use flex blocks instead of sample blocks -> https://www.screencast.com/t/6jgQtTlyKgXw
Thank you!
Hi,
Sorry was my mistake, I provide you the wrong custom css
This is the right one:
.sf-menu > li > a{
text-decoration: none;
}
-> https://www.screencast.com/t/HnO0P1OJIY
Thank you for your understanding!
Hi,
If you are using some flex blocks, then the zoom can be disabled in the grid settings – https://www.screencast.com/t/XSjCBVnmA
So if you don’t want this effect, disable it.
A code solution as you mention would work just as well. Either use the default big grid with additional CSS
.td-module-thumb .entry-thumb {
transform: none!important;
}
or the flex grid with the hover setting disabled.
Thanks
1) The padding in mobile devices still remains the same and I didn’t observe any change.
2) Can you make the Woocommerce Text size as bold and large as used in the Woocommerce product? Plz used the same font pixel as used in woocommerce products and make it bolder.
I have set the CSS Code and wouldn’t remove it as suggested by you.
Thanks for your cooperation.
Hi,
You mean the module from the top of the demo? – http://prntscr.com/mkic2x
That shoudn’t be hard to do with a flex block.
The meta can be set to appear above the image and some padding
– http://prntscr.com/mkicvo
Add a background for the meta – http://prntscr.com/mkihmq
A shadow could be added but for both modules in the block – http://prntscr.com/mkik3f
It could be added with some CSS – http://prntscr.com/mkilmf
– http://prntscr.com/mkilvl – http://prntscr.com/mkim0k
Code used in the example
.myclass .td_module_flex_1 .td-module-container {
box-shadow: 0px 0px 1px 0px #000000;
}
Of course you can customize the fonts used as you want, the category tag
– http://prntscr.com/mkin8p – http://prntscr.com/mkio2c
If you have more questions let me know.
Thanks
Hi,
From what I can see all the video iframes have a fixed 600px width
– http://prntscr.com/mkgofn
– http://prntscr.com/mkgomn
They should be like this – http://prntscr.com/mkgp2w as set by the theme.
Could be caused by a plugin or maybe minification or optimization plugins. The video iframe could be forced to 100% width with some CSS – http://prntscr.com/mkgqou
.wpb_video_wrapper iframe {
width:100%!important;
}
This shouldn’t cause any problems, as this is how they are supposed to be.
Thanks
Hi,
So you want to have background color on menu hover, if is so please try this custom css
https://www.screencast.com/t/E0SYDaS8r
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: red;
}
Feel free to change the color.
Thank you!
