- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
In lieu of the mobile theme, I’ve been using the display feature but I don’t think there is any documentation on it. What I’m wondering is, if something is hidden, does it load or does it simply not show on the front end?
I want to re-use the Flex Block from homage page of your GOSSIP demo on another template. The block where the meta is on white over the image in three columns, two rows.
When I save that as a custom block, the output is corrupted. This would be my 1st support question. Why is that?
I then tried to recreate it manually and I can never get the image to not extend outside of the column. This would be my 2nd support question. How?
Thirdly, as a general question: When importing a cloud template, do I always get all and any custom CSS in the front-end, or is there stuff hidden in files in the back-end?
On template – Block 128- The Critic, I need to hide the text. There is a way to hide the image, but not the text. Can you give me the CSS in order to do that? Thank you in advance.
Hi, sorry for the delay, the website is https://mujermov.org
I was trying using inspect element to see if I could change it through CSS but have had no luck with that.
Hi,
As I can see you are using a standard header, in this case you can remove the space only if you are using a custom css, you can try this one -> https://i.imgur.com/C8TXAFy.png
.td-header-style-10 .td-header-sp-recs {
margin: 0px auto 0 auto !important;
}
This code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
Hi, is look that this problem is made by a line height that is set by default on body -> https://i.imgur.com/CLRl5CY.png this can be fixed by setting a Line height on body -> https://i.imgur.com/gbVPDde.png or using a custom css -> https://i.imgur.com/qdPnRLn.jpg
.td_flex_block_1 .td_block_inner.td-mc1-wrap{
line-height: 0px;
}
This code need to be set in theme panel> custom code> custom css.
Thank you for your understanding!
Hi inqusitive-stha, unfortunately this can be hide only with custom see, for the moment there is no option to remove it from comment section.
Please try this custom css
.comments .comment-form-input-wrap.td-form-url{
display: none;
}
This code need to be set in theme panel> custom code. custom css.
Hope it will help you!
Yes sir but that bluish color is nowhere near to set colors.. Where is that come from? Or is there anyway that we can apply a piece of custom css code?
For other 3 problems:
1. To solve the problem with the log title you need to add an inner row and set the layout like this -> https://i.imgur.com/EduX1C4.png and set the left inner column the icon and in the right one the post title after that in css tab set for the icon inner column a fix width -> https://i.imgur.com/aVN2tbC.png and for the other one sit it 100% – that fix width -> https://i.imgur.com/oHx2xan.png
2. For the number of subcategories, you need to edit the cloud header with tagDiv Composer and change the -> https://i.imgur.com/HBfJDew.png
For 3 problem, you need to activate the og: image, you can use our guide from here -> https://forum.tagdiv.com/facebook-share/ use yoast seo (in this guide you will know how to display the og image using yoast plugin).
Hope this will help you!
Thank you!
Hi,
The first problem with comment section, that icon can be set there only if you are using a custom css and an image from -> https://i.imgur.com/UaJg6RY.png
#reply-title:before {
content: '';
position: absolute;
top: 1px;
left: 0;
background: url("http://localhost/Newspaper/wp-content/uploads/2020/08/119.jpg");
height: 30px;
width: 35px;
}
#reply-title {
position: relative;
padding-left: 46px;
}
The image must be set in media and you can get the link from here -> https://i.imgur.com/c0CMxKz.png
Also teh code need to be set in theme panel > custom code > custom css.
Thank you!
Hello !
For that you will need this CSS Code:
.td-post-category {
background-color:red;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Thank you !
Hi Suuzzzz, unfortunately for that effect you need to use some custom work, since the option is not available on that element and it can not be achieve only with css.
If you are interested about custom work, you can check our services from here -> https://tagdiv.com/web-development-services/
Thank you for your understanding!
I tried using all of the Margin/Border/Padding options and could not remove the space. No matter what I set the Bottom Margin to (negative or positive number), the space doesn’t move at all, even if I set the number very large.
To make things clear I’ve set some colors for Flex Block 1:
Purple: CSS > Border
Yellow: Layout > Border Color
Green: Style > Module Background
Red: CSS > Background Color
As you can see, it’s the Red portion which is spilling out.
You may be right that this is an image issue; when I remove the image you can see that the Red area goes away.
How can I troubleshoot the crop of the photo? Our photos are uploaded at 16:9, but even when I set Flex Block 1 > General > Pre-Made Style Presets > Image Format > 16:9 the 5px red area is still present.
Thanks for your response Calin. If I use the settings you suggested (Stretch Row & Content) I cannot get the content area (Column) to be 1260px wide. For some reason it stays at 1212px even if I set Column > CSS > Width to 1260 or try to use margin/padding to change its width.
Hi,
You need to use a single post template from tagDiv Cloud library, edit it with tagDiv Composer and add and icon -> https://i.imgur.com/OOLezZd.jpg set it inline -> https://i.imgur.com/OOLezZd.jpg and set the page title inline from css tab -> https://i.imgur.com/X9kdiYd.jpg
Hope this will help you!
Hi Suuzzzz,
Unfortunately this option is not yet add on inline single image and it can be achieve only with custom css -> https://i.imgur.com/Hqccnyp.png
<style>
.tdm_block_inline_image .tdm-inline-image-wrap{
opacity: 0 !important;
transition: opacity 0.9s;
}
</style>
And this one -> https://i.imgur.com/bjx9Quc.png
.tdm_block_inline_image .tdm-inline-image-wrap{
opacity: 1 !important;
transition: opacity 0.9s;
}
Hope this will help you!
Hi,
I have fixed that issue. WPBakery Page Builder css was creating that issue.
Thanks,
Hi,
I’m using Slider Revolution for my homepage animations. I have two different html5 videos (one designed for mobile devices and ipads, and one designed for desktop). Therefore I have created two separate Revolution Sliders as you cannot change the background for different devices in one Rev Slider.
Therefore, I have made one slider to appear on desktop, and one to appear on mobile devices. I have both in separate rows on my homepage and have changed the visibility of each in the row CSS settings.
I have double-checked to ensure all the settings are correct, but the Sider Revolution I have made with the mobile-friendly video does not appear on my ipad, even though I have set the row’s visibility to ‘show’ on ipad.
I’ve purged cache before checking in incognito. Still not working. Mobile and desktop work, just not on my ipad.
Are you able to offer insight and advice?
Thanks,
Georgia
I’m using Flex Block 1 starting with one of the Pre-made Style Preset. Under the Element’s CSS tab I colored the Background red for clarity. You can see on the top and left of the image the Background is perfectly aligned, but below the image there is a 5px space:
I have no Margin/Border/Padding set. I tried every option I could find to try to remove the space but I was not successful. I verified that this behavior is part of the Block alone and not something caused by a Column or Row setting.
Hi AlbertoJR, if you are using a classic footer and not a footer page or footer template, then you can set the footer links color only with custom css -> https://i.imgur.com/O3CLF4A.png
.footer-text-wrap .footer-email-wrap a {
color: #ef23ef;
}
The code need to be set in theme panel> custom code> custom css.
If you are using a footer page or footer template, then you can use tagDiv Composer to edit these sections (color links)-> https://i.imgur.com/bqxIref.png
Hope this will help you!
Thank you!
Thanks for the support. Given CSS code has given me the desired result.
Hi yourbackupemployee,
Please try this custom css for changing only the links from inside the posts -> https://i.imgur.com/T3s90W1.png
.single .td-container .td-post-content p a {
color: #0000FF;
}
Hope this will help you, if not, please provide me a link to your website, in this way I will be able to provide a better custom css.
Thank you!
Hello !
Please use this css code: .td-post-category.td-post-category {
background-color:red;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Thank you !
Hi,
I like to use theme CSS framework for making my own grid (responsive) for my banners, something like a grid system in bt but I saw you have very similar.
For me is more simple to make in the markup (html) for maintaining.
thx
Hi..
yes thanks for your sugestion. however, i saw on wp super cache did not show minify css, html, dan JS.
are there any other additional plugins for minify features..?, so the both work well, between super cache and other plugins
thank you…
-
This reply was modified 6 years by
yudi budiman.