By adding a simple color change via css to my webfont h1, there is some residue from the previous color. This is only happening on some of the fonts. Any idea how this is happening?
@include transition(#4a4a4a .1s ease-in-out);
We really need to see it in a live link to test/see for ourselves.
Here is the link. http://jamilopitts.com/kirby/
Also, guess while I have your eyes… having trouble getting my logo image to display. I have tried multiple directory src locations including ../ ect but still not working.. :-/
On the italics font in your example, it looks like the “ease-in-out” effect is only going the width of a non-italic font. Have you tried adjusting the width of the transition?
You need to increase left and right padding on `h1` element. Issues goes away.
remove `padding-bottom:0;` and add `padding:0 20px;`
edited to add..
where is your image located in your directory structure?
The problem with your logo is that your server is serving it with the wrong mime type. It’s being served as “text/plain“ instead of “image/svg+xml“. Add this to your .htaccess file:
AddType image/svg+xml svg
AddType image/svg+xml svgz
Josh is right, if you load the direct svg path, xml is rendered http://jamilopitts.com/kirby/assets/images/jte.svg
@joshblackwood tried this…still not working
It works : http://jamilopitts.com/kirby/assets/images/jte.svg
You have it as: `/assets/images/jte.svg` in your code.
Change to: `/kirby/assets/images/jte.svg`
tried that. still nothing :-/
And your HTML still has syntax errors.
yes, i’ll get to the syntax. the first spits out the svg code, the second does nothing.
I have no idea why it’s causing the issue but removing **inline-block** from the h1 solves the problem.
Aren’t [h1] block by default? Why would one change that?
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".