GregOvens
Member-
Posts
23 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
GregOvens's Achievements
-
Hello all, I am struggling with managing the layout of my blog post. I split the first text field to two columns which looks good on PC, but one mobile phone there is too big space between two columns. It is caused by the fact I used empty paragraph at the top of the second column on right side. So it is allight with the left column text. But on mobile phone there is too big space between them. - Is there a way how this can be fixed for all blog post by one code? - Because my website contains multiple blogs from which blog contains a lot of blog posts, there fore I can't inject a CSS for each individual blog post. URL: https://www.slovakspots.com/bratislava-food/blog-post-title-one-8g8z2-jjcrb-42dm9 Password: Ulicajekrasnydom Thank you in advance! 🙂
-
How to adjust the text from centre to left bottom corner?
GregOvens replied to GregOvens's topic in Customize with code
@tuanphan Thank you! Your advice helped mi to fix it. 🙂 -
How to adjust the text from centre to left bottom corner?
GregOvens replied to GregOvens's topic in Customize with code
@Beyondspace Hi, that's me again. With regards, to my second question related to gradient. I was able to apply following code. But I can't figure out how could I handle the width of the gradient to act properly. Because when I use width: 100%, gradient is applied out of the element box (see the screenshot). If I used les than 100% it do not fit during resizing of the screen. Is there a way how it could be applied better to actually fit the width of my elements. */ .fe-block-b7bc86a8c863fa679d9d ~ .fe-block .sqs-block-html .sqs-block-content h2 { text-align: left !important; padding-left: 10px; padding-bottom: 4px; display: inline-block; /* Makes the gradient visible behind the text */ background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: calc(100% - 2.4px); } .fe-block-b7bc86a8c863fa679d9d ~ .fe-block .sqs-block-html { justify-content: flex-end; } -
How to adjust the text from centre to left bottom corner?
GregOvens replied to GregOvens's topic in Customize with code
@Beyondspace thank you very much! Provided code helped me a lot. I would like to ask you whether would be possible to implement the css code which would on those pages apply gradient collor over image. I would like to make the title in the lower part of the picture more readable because the black gradient in that part of the picture would already be quite intense. I attached also screenshot of what effect I have in my mind. Thank you a lot! 🙂 -
Hello guys, I would like to ask you for help. I would like to update the position of the text from the center to the left bottom coroner, with small padding from the left and bottom border. Same already have for blog posts. First screenshot is current position of the text Second screenshot is the position how I would like to apply it. URL-1: https://www.slovakspots.com/bratislava URL-2: https://www.slovakspots.com/banska-stiavnica URL-3: https://www.slovakspots.com/more-cities-landing-page Password: Ulicajekrasnydom Thank you very much! 🙂
-
GregOvens reacted to a post in a topic: Gallery - 2 columns of Images for desktop gallery and 1 column for mobile - Need code that works
-
Beyondspace reacted to a post in a topic: How to adjust the position of blog title on the blog basic grid?
-
@Beyondspace thank you for your help! Unfortunately this code didn't helped to fix my issue. But I believe it might be helpful for somebody else. Currently @Web_Solutions was able to fix my issue. Which the best!
- 2 replies
-
- blog-page
- code-injection
-
(and 1 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: How to adjust the position of blog title on the blog basic grid?
-
Hi @tuanphan I tried your solution to implement for a blog posts, which contains a Grid gallery. But for some reason the code do not work for me. I would like to make gallery within blog posts (in general) to display content on mobile devices within 1 column. URL: https://www.slovakspots.com/bratislava-accommodation-1/hotel-devin Password: Ulicajekrasnydom Thank you for your help! 🙂
-
Hey, we are facing the same issue. Our content is in category "one time usage" therefore we would like to charge the micro payemnt for the premium. But we need to avoid of sharing the login credentials between users. Therefore we have to apply restricted access after certain time period.
- 10 replies
-
- customized
- customer-accounts
-
(and 1 more)
Tagged with:
-
Hello, could you please help me to adjust the box for title of the blog post. I would like to achieve, that it would be placed 5 px from the left, bottom and right side of the image. Currently the text is adjust only from left and bottom side. Basically from what I have now I would need to just move the right border of the title text component inside of the image (on the first screenshot you can see the border is out of the image). And my goal is displayed on the second image. This is my current code injected: // DESKTOP - Blog List - Title always at the bottom left .blog-basic-grid--text { position: absolute; bottom: 0; // Position at the bottom of the container left: 0; // Align text to the left side of the container text-align: left; // Ensure text aligns to the left transform: translateY(0%); // Adjust transformation padding-left: 10px; // Add padding for better visibility padding-bottom: 5px; opacity: 1; // Text always visible transition: all 0.5s; } // MOBILE - Blog List - Title always at the bottom left @media only screen and (max-width: 767px) { .blog-basic-grid--text { position: absolute; bottom: 0; // Position at the bottom of the container left: 0; // Align text to the left side of the container text-align: left; // Ensure text aligns to the left transform: translateY(0%); // Adjust transformation padding-left: 10px; // Add padding for better visibility padding-bottom: 16px; opacity: 1; // Text always visible transition: all 0.5s; } } URL: https://www.slovakspots.com/magazine Password: Ulicajekrasnydom Thank you in advance! 🙂
- 2 replies
-
- blog-page
- code-injection
-
(and 1 more)
Tagged with:
-
@Beyondspace thank you! I tried new version of your code. But there is the issue with the wide of the each column within dropdown list as you can seen on screenshots below. If there is longer name, it cause the issue and name is split into the two rows.
- 6 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
@Beyondspace I agree it's great initial solution, which could be used once I would fit the number of the categories ahead, to fit the size of expanded dropdown list. Yes currently our website is on Business plan.
- 6 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
Hello all, Could you please advise me how could I adjust the space (padding?) between bottom of the image and bottom of the title which is placed on top of the image? I would like to match the padding which you can see between left side of the image and title. This code should be used for all blogs on my website in general and only for mobile devices (as you can see for desktop it looks ok) URL: https://www.slovakspots.com/bratislava-accommodation-1 Passwords: Ulicajekrasnydom Thank you in advance! 🙂
- 1 reply
-
- code
- code-injection
-
(and 3 more)
Tagged with:
-
@Beyondspace In first place, thank you for your help! Your approach is good, but I would rather inject code which could expand the dropwdown list based on number of items within dropdown. Would it be possible to create code which would be not linked to specific Archive? But it could be used for all archives within my website? I am planning to have more blogs which would utilise same framework. 🙂
- 6 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: How to make Archive dropdown list wider if there is more than 4 items. Only for desktop visitors.
-
Make images clickable even they are overlay with text.
GregOvens replied to GregOvens's topic in Customize with code
@Web_Solutions is it possible to add also Hover effect, so the image would be brighter, to provided code solution? That would be wonderful. Thank you for your help. 🙂