Font weight and column border

Support
#1

Hi Themeco! Putting the final touches on a site in development:

I’m having two issues:

On the main page: http://www.mercurius.ca/brasserie/accueil/
Under the 2nd, “Bieres vedettes” section - when I stretch the screen beyond 1900 pixels you see the white frame around the beer labels stretching on the sides - how do I prevent that? I just want it to stick to 12 px all around at all times…

And on here: http://www.mercurius.ca/brasserie/biere-detail/
The word “American Strong Ale” is in bold even though I specified a font weight of 400 - what am I doing wrong?

Many thanks for your help :slight_smile:

#2

Hi,

  1. You can add this in Cornerstone > Settings > CSS 
#x-section-2 a.x-img>img {
    width:100%;
}
  1. Try adding this in Appearance > Customize > Additional CSS 
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');

Hope that helps.

#3

Hi Paul! That image width worked but only for the first image - how can I make it work on the other ones?

The font CSS trick doesn’t seem to work.

I’m also wondering how I can make the “Inscription” button in the footer all even on bigger screen sizes as it resizes weirdly at large resolution - zoom out?

Many thanks for your help.

#4

Hi There,

The extra white frame is because of the background color. I can see you have added the following on RAW CONTENT element style field background-color: white; border: 12px solid white;. Please remove background-color: white;

For the next issue, please try to install PRO CHILD THEME and then move this line @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i'); at the top part of the child theme style.css file, just below the comment section. @import should be on top of the file not in the middle of other CSS codes. See explanation here: https://stackoverflow.com/questions/9860763/css-import-and-the-order-of-it

Hope this helps.

#5

Hi Lely, weirdly enough I managed to make it work by duplicating the first raw element and just replacing the pictures.

I installed the child theme and put your CSS line on top - it’s still not working for some reason…

#6

Hi there,

It’s not implemented here http://www.mercurius.ca/brasserie/wp-content/themes/pro-child/style.css?ver=1.2.3

Please move your @font-face CSS on that file.

Thanks!

#7

It worked! Thank you :slight_smile:

#8

Glad it worked.

Cheers!