stxphxnie

@a2hostingrj
Thanks, I tested it on android and the font loads.

Do you have any idea why it might not work on iPhone? Because the same font loads fine when it’s set through my theme customizer… do you think that the them could have done something in the code which optimizes the fonts across all platforms? And that doesn’t come through when I try to set the font myself.

Thanks George,

after I posted to the forum I played with the code for a little more and commented out the following code snippet from my logo image class which made it finally center.

width: 80vw;
height: 40vh;

This is what it looked like beforehand (with the above code snippet in place):

View post on imgur.com

(sorry I don’t know how to place an image here :P)

I would like to have control over the size of the image though, do you wreckon transform: scale() would be better?

Also even aside from the center positioning I need it to be centered vertically as well, placing it directly behind the text.

• This reply was modified 3 years, 7 months ago by stxphxnie.

I figured out how to solve the issue. Borders will automatically stretch to the edge of the margin on a block element, whereas I wanted my border to wrap right around my text to create a box.

I was missing the display: inline element in my stylesheet for the class.
This website helped me: https://jsfiddle.net/jonathon/XGRwy/1/

@anevins Sorry, but I don’t get you. I wrapped the text in a dev tag with the class.

It’s working for the most part, for instance where I have margin 50%, it moves the text box down the page by 50% but it doesn’t push it in on the sides.

Hi Jackie,
I think the best option is probably just to delete the second website.