Vladd
-
Posts
13 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Vladd
-
-
Hello,I'm using version 7.0, template Wells.
I came here last time to hide the title in gallery page (to add texte in the title section for SEO only on not the visitors).
You gave me this code :
}
.image-title {
display: none !important;
}
I just discovered that the code works on the computer version but not on the phone version. View attached files.
Can you give me a code to hide the title in the gallery page in the phone and desktop version?Thanks,
-
57 minutes ago, tuanphan said:
Use this code
.collection-type-gallery #galleryWrapper { max-width: 1200px; left: 0; }
Hello,
Thanks, this is working. There is a reason that you put 1200px and not 1920px ?
-
9 hours ago, tuanphan said:
Can you keep above code & I will check again?
Hi,
your CCS code is still on my website. -
On 4/12/2020 at 10:55 AM, tuanphan said:
Add to Home > Design > Custom CSS
.collection-type-gallery.view-list div#canvasWrapper { max-width: 1200px !important; }
Hello @tuanphan,
Thanks, I added this CCS custom code, but on 4k monitors, my images are still enlarged as you can see on this screenshot. -
Site URL: https://vladimirdmdj.com
Hello,
I'm using the Wells template. How can I set a max width for my gallery page? I have an option in the design template for normal pages, but not for my main gallery page.
My problem is, when my site is view on 4K screen, my images are enlarged and look bad. Online, I uploaded my images with a resolution of 1 500 pixels on the largest side because I don't want to put them online with a largest resolution.
The best option will be to limit my images to grow when the reach there max resolution, but I will be fine if I found a solution to limit the width of my entire website.
Thanks,
Vladimir
Hide title in gallery page
in Customize with code
Posted
@Ziggy www.vladimirdmdj.com
@Helen23 Thanks, your code worked for the image description, so I remplace the "desc" by "title" and it's working.
The right code is :
.image-title-mobile {
display: none !important;
}