-
Posts
-
Hi
I have a site I am working on that I want to align this page to the rightScreenshot
https://www.kav-acher.com/wp-content/uploads/2021/01/11.jpgScreenshot of the result
https://www.kav-acher.com/wp-content/uploads/2021/01/22.jpglink to the page
Thank you
YossiHey Yossi,
Thank you for the inquiry.
Looks like you are using a custom element for the grid layout in the page, which contains a div with class name lsd-masonry-view-wrapper. What is the name of the masonry plugin? We might be able to use an option from the plugin where you could set the item sorting to RTL instead of LTR.
Best regards,
IsmaelHey Ismael
This is indeed a plugin of https://totalery.com/
They have already taken care of this matter, thank you very muchI need something else in the same matter
For these two pages
1.2.
http://213.8.209.12/~israelmediators/listings/%d7%a0%d7%95%d7%a8%d7%99%d7%aa-%d7%a7%d7%95%d7%91%d7%a8 % d7% 98% d7% 95% d7% 91% d7% a1% d7% a7% d7% 99 /They do not look good on a mobile
They also belong to the plugin, the problem is that there is padding that I can not undo (I am not that talented at working with code) Anyway I did a lot of attempts and searches here with your support and in the end I came to this code which is not a good solutionIf there are parts here that are not needed I would be happy to help here
@media only screen and (max-width: 1499px) {
#top.single .entry-content {
max-width: 100% !important;
margin:0 auto;
}
#top.single .entry-content-wrapper {
max-width: 100% !important;
margin:0 auto;
padding:0 5px;
}
}
—-
#top.single .entry-content {
max-width: 100% !important;
margin:0 auto;
}
#top.single .entry-content-wrapper {
max-width: 100% !important;
margin:0 auto;
padding:0 5px;
}
#top.single .entry-content {
max-width: 70% !important;
margin:0 auto;
}
#top.single .content {
padding-top: 10px !important;
}
span.image-overlay.overlay-type-image{
display:none!important;
}
.av-sort-by-term span{
font-size:18px!important;
}Best regards,
YossiHi,
Glad to know that the initial issue is fixed. And regarding the other issue, for some reason we cannot properly check the page or open the browser inspector. Did you disallow it using a plugin? If so, please disable the plugin and provide a screenshot of the issue. You can use imgur or dropbox for the screenshot.
Best regards,
IsmaelHi Ismael
thanks for the replyThe site is on a temporary address, could it be that something is interfering with your access?
This is the linkI photographed several options with an explanation of the result I want to achieve
On the plugin I work with made personal changes for the personal page, they wrote not to turn off this plugin.
Is there a way to check it out?https://www.kav-acher.com/wp-content/uploads/2021/01/Untitled-2-1-copy-scaled.jpg
https://www.kav-acher.com/wp-content/uploads/2021/01/Untitled-2-2-copy-scaled.jpg
https://www.kav-acher.com/wp-content/uploads/2021/01/Untitled-2-3-copy-scaled.jpg
https://www.kav-acher.com/wp-content/uploads/2021/01/Untitled-2-4-copy-scaled.jpg
https://www.kav-acher.com/wp-content/uploads/2021/01/Untitled-2-5-copy-scaled.jpgBest regards,
YossiHi,
Thank you for the info.
This css code limits the width of the entry-content container.
#top.single .entry-content { max-width: 70% !important; margin:0 auto; }If you want to only apply it on larger screens or on desktop view, you have to wrap it inside a css media query.
@media only screen and (min-width: 989px) { /* Add your Desktop Styles here */ #top.single .entry-content { max-width: 70% !important; margin:0 auto; } }Best regards,
Ismael
- You must be logged in to reply to this topic.