Forum Replies Created
-
AuthorPosts
-
Hey Ismael,
Just tried it, no luck :/
Hey so I found whats causing the issue!
This CSS I got to fix a previous issue is causing it:
#top .av-masonry-container {
float: none;
margin: 0 auto;
}Link to previous issue:
https://kriesi.at/support/topic/fullwidth-masonry-gallery-not-centered/Can you fix this CSS while preventing this current issue I have?
Thanks!
ChrisHey Ismael,
Apologies for the delay. I thought I responded.
I tried the CSS above but Im still seeing it. It happens in any browser I view. Currently Im looking at it from Chrome and Safari. Here are recent screenshots that show the issue:
Chrome:
https://ibb.co/etR8P5Safari:
https://ibb.co/irA2j5The issue is fixed as soon as the browser width is adjusted, but it definitely appears on page load.
Thank you,
ChrisHey Ismael,
I tried that but it doesn’t fix the gaps, it just makes the thumbnails on the gallery cut off. It happens on every screen that isn’t mobile. Regardless of the browser size.
Can you suggest another CSS fix?
Thank you,
ChrisHey Ismael,
Thanks! I tried adding that but it still looks the same :/
it happens upon page load. But fixes if the browser gets wider or smaller.Hey Sarah,
I think I figured it out with the CSS below… it seems to work! Can you double check I did it correctly/efficiently?
.avia-menu-text {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: linear;
transition-delay: initial;
}Thanks!
ChrisYes! Thank you!
Perfect,
thanks!
Hey Mike,
The one thats in the grid row only appears on mobile, and thats because I want it to be fullscreen.
I tried the code but no luck :/ Is the “18vw” a typo? Also, I want it to not expand past 1600px.**Update** In an older thread, I got a solve for it. It’s
#top .av-masonry-container {
float: none;
margin: 0 auto;
}Thanks! You can close this thread now. Appreciate all the help!
Chris- This reply was modified 7 years, 3 months ago by ccyran.
Hey Nikko,
No luck :(
The masonry gallery goes fullbleed. It doesn’t stop expanding after 1600px.
Perfect, thanks Rikard!
Hey Mike,
This is PERFECT!!!! Thanks so much. I really appreciate your help on this, and on my 20 other posts haha. You rock.
Im asking here because I feel like maybe there’s a similar solution, but I want the masonry gallery on my work page to stay centered once the browser gets wider, right now, it locks to the left side.
Let me know if we can solve this here, or if I should open a new thread!
I see, thanks!
Hey Mike,
I tried that but it looks like the images lose the padding and go fullwidth instead when its below 1023 pixels. I have it live now with your CSS if you want to look at it. I’d also like the images to be about 10-20% bigger :)
- This reply was modified 7 years, 3 months ago by ccyran.
Thanks Mike!
Is there CSS to make the underline closer to the type? And not as wide?
thanks!
Man you are on a roll haha. I seriously appreciate this help! Okay im looking into moving this into a child theme now.
Last question, is there CSS to change how the images are shown in it? So it doesn’t round the thumbnails?
Thanks!
- This reply was modified 7 years, 3 months ago by ccyran.
Hey Mike,
Sure thing. It’s when I make the header style “default”. I put it back there just now! Also just noticed that it happens when you scroll down.
- This reply was modified 7 years, 3 months ago by ccyran.
Hey Mike,
I see, thanks!
Hey Mike,
Yep I did that. I gave it the title “Hover” and used the CSS you provided but no luck.
Hi Gunter,
No worries. Login info in private content!
Got it!
Is there CSS for removing those two black lines when I use the default header style?
Image attached for reference: https://ibb.co/iQVpUvHey Sarah!
Im actually trying to do it to the header menu. So everything in the top… “work, about, social icons. etc”
Thanks!
Chrisgot it, thanks Rikard!
Hey John!
Sorry I meant centered vertically!
Hey Nikko,
I tried that but it isn’t working. Specifically, Im trying to do it first at the bottom of my homepage (ccyran.com), where it says “see all work”
In the custom CSS class of that module, I called it “hover”
then I added this custom css, but it didn’t work. also tried the css you gave below it but no luck :/
.hover a:hover {
color: #dedede
}- This reply was modified 7 years, 3 months ago by ccyran.
Hey!
That didn’t work :(
I still want the masonry gallery to not expand past 1600px
Currently to do so, I have this CSS:
.av-masonry-container {
max-width:1600px !important;
}Best,
ChrisThat worked!
Last request! Is there also CSS to center the header? Right now it’s not in the middle. When viewed on mobile
Thanks :)
- This reply was modified 7 years, 3 months ago by ccyran.
Hey Rikard,
Sure thing. Here’s a link: https://ibb.co/eh7dGa
The header width currently looks too small. In my image on the right, thats how I want it to look.
Thanks!
Hey Nikko,
Thanks! But how do I apply the class? I want to use this pretty much wherever I have a link. Is the solution adding a class or fixing however I set my general styling?
Chris
-
AuthorPosts