Hey Mike,

The issue is only happening in Safari! Sorry I didn’t mention that earlier. Any idea why thats happening?

Thanks!

Still no luck guys.

My background color on my website is #060606. So I don’t understand why when I use the exact hex value, it’s a different background color when selecting the text.

::selection {
background-color: #060606;
color: #ffffff;
}

::-moz-selection {
background-color: #060606;
color: #ffffff;
}

Hey that works!

But there’s one strange problem. My website background color is #060606. In the CSS I made the background color also #060606. But when you highlight the text, the background color is #010101.

Any ideas to fix it? Thanks!

Screenshot for reference:
https://ibb.co/m8icCb

(its very subtle)

• This reply was modified 7 years ago by ccyran.

Yes. The body copy and the title “Galaxy view”

This is something I want to work across the board on all my portfolio items. It shouldve worked given the options in “screen options” but it’s not. I don’t want to add additional CSS since it should work anyway.

Hey all the body copy and the titles.

I tried changing the font size to the options it gave me. 14px. But it didn’t change in mobile.

Hey Ismael,

What do you mean by that? Apologies. And as a reminder about this issue, its the random 1px gaps that appear between thumbnaiils on this page…

That fixed it!

In this case, how did you know how to solve it? For example, if this happens again on another page that im making, how would I fix it?

Hey Victoria,

Apologies, I used this code but the same issue, it applied it to everything. And I only want it to happen below the album cover/white bg image.

Here: https://ibb.co/b1RzJ6

Hey Ismael,

The CSS I mentioned above actually works. By issue, Im referring to the image enlarging to a size I don’t want it to, when the window browser gets bigger.

Hey Nikko,

this fixed the issues, but it looks like it overrides whitespace elements that I had placed before. You’ll see it on the same page. Can you help?

thx,
Chris

Hey Mike, my mistake, I had another post on the forums months ago that solves this. I have to hide an entry on desktop and create a new one for mobile.

But I do need help with one other thing!

On this page for example, I don’t want images to expand past a certain size, is there an easy CSS I can apply for this?

One that I can write in the “custom CSS class” of elements.

Hey Ismael,

I tried that but it looks like it doesn’t push down further. it actually does the opposite. Can you help?

Thanks!

Hey Mike,

I see, currently, this is what I have for the styling of that text…

“<h5 style=”text-align: center;”><span style=”font-size: 20px; font-family: ‘Rubik Light’; line-height: 1.2em;”><span style=”color: #f9f9f9;”>↓ View my latest work below</span></span></h5>”

where would I add “↓ View my latest work below”

And how could I do it so that it pushes completely to the next section? I have it done on my site right now, but it doesn’t go completely to the next page.

thanks!
Chris

• This reply was modified 7 years, 2 months ago by ccyran.

Hey Ismael,

Same issue. Here’s the css I tried:

.av-masonry-container {
max-width:1601px !important;
}

.av-masonry-container {
width: 100.4%;
float: none;
margin: 0 auto;
}

What happened (screenshot) : https://ibb.co/faLQzF

Hey,

I need it centered because I want to stop it from going fullwidth after 1600px.

I have the CSS for that:

.av-masonry-container {
max-width:1600px !important;
}

but when I use it, it creates these gaps in the masonry gallery. I took off the CSS for now until it could be fixed.