Ah I see,

Thank you Nikko!!!!!

Hey Nikko,

But does this still keep the two posters from expanding past 1600px? I used that CSS originally becuase I didn’t like how big those two images got on larger screens.

Thanks!
Chris

Hi Nikko,

Apologies!

Here’s the page:

And specifically here’s the section:
https://ibb.co/fcjvaQ

Its at the bottom of the page with the two posters.

Thanks!

Hey don’t close this thread!

I actually noticed that with this CSS, now my masonry gallery text overlay is very bold and it shrinks the overall width of it much smaller. Can you fix this?

http://www.ccyran.com/work/
It used to be light.

This is the CSS im using.

#scroll-top-link{
width:30px;
height:30px;
background: rgba(0,0,0,0.4) !important;
border: 0px;
}
#scroll-top-link:before{
top:-11px;
right: 11.5px;
position:absolute;
border: 0px;
}

#scroll-top-link:hover {
background-color: rgba(0,0,0,0.7) !important;
color: #ffffff;
border: 0px solid;

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

Hey Mike,

For #1, sorry I meant in terms of the layout. Right now it’s doing this weird oval thumbnail shape. I’d rather is be a square..

Thanks!

Hey guys,

Apologies. It’s actually not quite right. Now the arrow is off center and the border stroke appears when I hover over the icon.

Currently this is the CSS i have. Can you fix it?

#scroll-top-link{
width:30px;
height:30px;
background: rgba(0,0,0,0.5) !important;
border: 0px;
}
#scroll-top-link:before{
top:-12px;
right: 9.5px;
position:absolute;
border: 0px;
}

**Update!** I believe I fixed it with this CSS, but could you guys make sure I did it correctly?
See below…

#scroll-top-link{
width:30px;
height:30px;
background: rgba(0,0,0,0.5) !important;
border: 0px;
}
#scroll-top-link:before{
top:-12px;
right: 12px;
position:absolute;
border: 0px;
}

#scroll-top-link:hover {
background-color: #060606;
color: #ffffff;
border: 0px solid;

thanks!
Chris

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

Thanks! Is there quick CSS to reducing the opacity of the box too? But keeping the arrow as is.

Awesome, thank you!

Cool!

See below in private content!

FYI: Please don’t make any changes if it can’t easily go back to the way it currently is.

Hey,

For the current one I’ve been working on.

http://www.ccyran.com

This was perfect,

Thank you!

PERFECT!

As long as I get the options to style the font and sizing, word spacing, etc. And control of the actual icon size.

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

Hey Rikard,

I tried a few times but I can’t seem to get it right. In this code below, I don’t know what to replace

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘PT Sans Narrow’] = ‘PT Sans Narrow:400,700’;
$fonts[‘PT Sans’] = ‘PT Sans:400,700,400italic,700italic’;
return $fonts;
}

add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{

$fonts[‘PT Sans’] = ‘PT Sans:400,700,400italic,700italic’;
$fonts[‘PT Sans Narrow’] = ‘PT Sans Narrow:400,700’;
return $fonts;
}

Awesome!

Can you help me get this started! :)

Thanks!
Chris

Hey Ismael,

I don’t. thanks!

Chris