Since the latest update, I can’t find the block id (td_block_id), which I need to hide blocks depending on the screen width. Any idea, where I can find it, now?
Thanks,
Loano
Hi Loano,
The block ID’s were not changed. They are still there: http://screencast.com/t/KZ3MkZOJ5 Use your browser inspector to get the unique id.
Thank you!
Hi Bogdan,
unfortunately I could’t get this working.
e.g. td_uid_9_568e7602a2598
I tried
@media (max-width: 767px) {
.td_block_id_9_568e758cb0fd6 {
display: none;
}
}
@media (max-width: 767px) {
.td_uid_9_568e758cb0fd6 {
display: none;
}
}
And many more combinations, but the block didn’t disappear on Mobile.
Hello,
Please try it with this class http://screencast.com/t/QVZUHLjS
The code would look like so:
@media (max-width: 767px) {
.td_uid_9_568e758cb0fd6_rand {
display: none;
}
}
Thank you!
Hi Bogdan,
when I try your code in Live CSS editor, it works just perfect.
When I paste it in the Custom CSS area of the theme panel – nothing happens. (No cache plugin active)
Are there any common issues with Newspaper V 6.6.3 and the Custom CSS area not working?
Thanks,
David
Hi David,
Please check the custom css code very carefully (the one already in the css box) and make sure no tags are left open. This is the no.1 reason for the css box not responding to code properly. There are no known issues (theme related) with the custom code section.
Let us know how it goes.
Thank you!
Hi Bogdan,
I checked it again but could’t find an open tag. Heres my custom CSS:
@media(max-width: 767px) {
.td-footer-template-3 .td-pb-span4 .td_block_15 {
float: none !important;
}
}
@media(max-width: 767px) {
.plista_widget_standard_1 {
display: none;
}
}
@media(min-width: 768px){
.plista_widget_webApp {
display: none !important;
}
}
@media(max-width: 768px){
.plista_widget_webApp {
padding-bottom: 25px;
}
}
.td_module_wrap .td-module-meta-info .td-post-views {
position: relative;
display: inline-block;
top: 2px;
margin-left: 14px;
color: #aaa;
}
.td_module_wrap .td-module-meta-info .td-post-views span {
margin-left: 5px;
}
::-moz-selection { /* Code for Firefox */
background: #b001ff;
}
::selection {
background: #b001ff;
}
@media (max-width: 767px) {
.td_uid_9_568f9c1760d60_rand {
display: none;
}
}
@media (max-width: 767px) {
.td_uid_9_568f9bc389df3_rand {
display: none;
}
}
@media (min-width: 767px) {
.td_uid_10_568e7476d238f {
display: none;
}
}
@media (min-width: 767px) {
.td_uid_10_568f9c5624c74_rand {
display: none;
}
}
What I’m wondering is, these numbers (bold).td_uid_10_568f9cd5d33a9_rand are changing for each article, although I’m using the same widget.
Hello,
The code in your panel seems to be ok. The class changes for every element. It is a unique ID number. If css is applied to this class you will target just the one element.
Please also check other customization you might have and try it without any plugins also to rule out a conflict.
If the problem is still there please send an email at contact@tagdiv.com and provide wp-admin so we can take a look. Also include a link to this topic.
Thank you!
I’m using now
@media (max-width: 767px) {
.td_block_21 {
display: none;
}
}
to blocks the whole block on mobile (not my preferred solution but ok for the moment).
This means at the same time, that also the Custom CSS panel is working fine. It must be definitely something with the ID.
“It is a unique ID number” is from what I saw not true anymore. Every time I press refresh (frontend, unique post) the ID changes!
e.g.: td_uid_10_568f9cd5d33a9_rand
after F5: td_uid_10_568f9bc389df3_rand
Can you please check this on your side?
Thanks!
Hello,
It seems the unique id was removed from the theme in the meantime. (Sorry about that)
You can try an alternative method. In visual composer you can assign an extra class on the row so you can use it in css and simply use display none on that particular class.
Sorry for the inconvenience.
