arpllc
-
Posts
22 -
Joined
-
Last visited
arpllc's Achievements
-
Hi @tuanphan. My website is https://www.andyryanphotographer.com/ I had the custom CSS to change the menu to hamburger, but it seems this CSS is no longer working in the wells template. div#mobileMenuLink a:before { content: ""; background-image: url(https://image.flaticon.com/icons/svg/1279/1279537.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 30px; height: 30px; display: inline-block; visibility: visible; } #mobileMenuLink a { visibility: hidden; } See attached. I've had to remove this for client functionality. Additionally, just to note, I have custom CSS for my projects page so it operates similarly to my galleries on desktop. https://www.andyryanphotographer.com/projects /* Projects 1 item row mobile */ @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1643385275940_1762 .slide { width: 100% !important; } } Is there a solution to bring the hamburger option back without issues? Thanks in advance.
-
This is a gallery block within a page, and the images were added separately. This layout only allows for one line in the image title name, and the text shown on the page pulls from that text field within the image. So only one line at this time.
-
Unfortunately, no. It does not work when I implemented the CSS. It just remains the same for responsive design. I am looking for this page to go full width for up to 3 wide for desktop and tablet, then one row for mobile. The code did not change the width of the page.
-
Thanks @tuanphan. Unfortunately, it does not resolve the issue. I am looking to two lines of text to the boxes on hover for the Projects page only (https://www.andyryanphotographer.com/projects), with First line: Project Name, Second Line: Client Name, and about a 75% opacity on hover so you can still see the images. The code currently turns the images to pink on hover with only the one line of text. See attached. Let me know if you have any additional thoughts or need more information from me. Thanks
-
Hello @tuanphan, Thanks for this. Unfortunately, it is not currently working in the projects gallery : https://www.andyryanphotographer.com/projects Just to clarify: I am looking to take this page for full width on tablet and desktop. Desktop and Tablet: Responsive max 3/row, minimum 2/row Mobile: Max 1/row But specific for this page only. Thanks!
-
Hello, Is there CSS or a plugin that will add text when hovering over images in an images block on a Wells Template page, and going full width. Similar to: https://colleenchrzanowski.com/client-work Here is the page I would like to update with the CSS or Plugin: https://www.andyryanphotographer.com/projects Thanks in advance.
-
Hi @tuanphan, I had replied, but it was regarding another post. For this, issue, the projects page has a photo grid with photos manually added and the clickthrough option to the specific project gallery. https://www.andyryanphotographer.com/projects To answer your question: Desktop and Tablet: Responsive max 3/row, minimum 2/row Mobile: Max 1/row But specific for this page only. Let me know if you need any additional information. Thanks
-
Hi bangank36, Thanks! Let me clarify my previous post: I would like to create a responsive design for all galleries in the thumbnail viewing to showcase both vertical and horizontal photos side by side in a responsive design for tablets and desktop, but retain the current UX for when they click on the image as fit to screen. I prefer the max height as it currently is. I do not want to change the mobile UX. Here is an example of galleries aligned in rows side by side: https://prints.andyryanphotographer.com/. Let me know if this is helpful. Thanks in advance.
-
Hello, Is there CSS to optimize my Wells template pages for full width responsive design in displaying my pages at full width for desktop and tablet, and columns for mobile. Here is a link to my pages: https://www.andyryanphotographer.com/projects Thanks
-
How to hide image title on Wells Gallery
arpllc replied to seanconroy's topic in Customize with code
Thanks, but it's still not working. I used: I currently am displaying the galleries publicly with the titles and descriptions removed. The galleries with the active titles and descriptions are at at https://www.andyryanphotographer.com/architectural-interiors-photography-2. Thanks -
Hello, Wells displays gallery images in columns aligned vertically. I would like to display my galleries as rows aligned horizontally. Does anyone have any css for this? https://www.andyryanphotographer.com/
-
How to hide image title on Wells Gallery
arpllc replied to seanconroy's topic in Customize with code
@tuanphan I am currently redesigning my site to Wells, so the link won't work, but attached are screenshots. I attempted the CSS code: But it is not working and displaying the title and description. As @seanconroy mentioned, the "visibility: hidden;" leaves a white box. Additionally, both "visibility: hidden;" and "visibility: none;" do not work on the mobile version of the site. Do you know of a solution here that hides both the title and descriptions for the Wells template, without the white box? Thanks!
