I’ve succesfully imported a new font in my child-theme! Unfortunately is does not show in the responsive settings (my mobile). What to do?
importing new font – responsive
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
the site it concers
It regards the text in the grey row: serpentijn beelden uit zimbabwe
Hi Simone
In your child theme style.css file you have the following:
The above needs to be the absolute URL to the location you have the font stored at, presumably in the child theme folder.
Hope that helps.
I don’t understand what to do.
This is what I’ve put in the editor:
@font-face {
font-family: Penelope Anne Medium;
src: url(public_html/your-site/wp-content/themes/your-theme/fonts/FontName-Regular.ttf);
font-weight: normal;
}
For now I’ve made an image and put that in the grey area. But I can’t get that centered vertically in the grey area. When I center it using padding, than in the responsive mode it is not centered.
The src: URL you’re using is just a placeholder, a demonstration link. That link needs to direct the browser to the actual location of your font. Have you uploaded your .ttf file to your child theme?
Best solution I can think of for me: not using childthemes and other lettertypes. I’m to much of a newbe for that I think. Best that I stick to beautiful North and learn that completely.
So, if you could please help me with the centering of the text-image in the grey area, I would be super excited!
Really Andrew, your help is much appreciated. I hope I can return the favour in the future.
For sure, it’s much easier to use one of the theme’s Google hosted fonts.
To center the image I recommend removing the SiteOrigin Image widget and instead, inserting a SiteOrigin Editor widget. In the Editor widget, click the Add Media button and insert your image. After clicking Add Media you can choose your image, in the right column, scroll down to the Alignment section, there you can select Center.
Hope that helps :)
that will center it horizontally, I mean vertically. So just as much space above and below the picture, or text. And so that in the responsive mode it is also vertically centered.
Sure. Go to Appearance > Custom CSS and remove this rule completely:
#pgc-2-0-0.panel-grid-cell { margin: -6px; height: 80px; }Then, edit the SiteOrigin Editor widget, click Layout in the right column and insert padding as follows:
That translates to 20px top and bottom and 0px right and left. Adjust as required.
A big kiss for you! *
Thanks Andrew!!!
Super :) Glad to hear that did the trick.