Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 9, 2015 at 12:18 pm #532502
    Webvelopment

    Good day

    I want to implement a HTML Based logo, meaning no image file, just raw code, here is the code I have written to do this,

    HTML:

    <html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<link href='https://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="alert"><h1 style="
    font-family: Doppio One;
    font-weight: 400;
    font-size: 86px;
">Drebil</h1></div>
</body>
</html>

    CSS:

    #alert {color: #336699 !important;}
@-webkit-keyframes colours {
     0% {color: #336699;}
     33% {color: #666666;}
    66% {color: #999999;}
    100% {color: #336699;}
}
@-moz-keyframes colours {
     0% {color: #336699;}
     33% {color: #666666;}
    66% {color: #999999;}
    100% {color: #336699;}
}

#alert {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colours;
    -webkit-animation-timing-function: ease;
    -moz-animation-direction: normal;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: colours;
    -moz-animation-timing-function: ease;
}

    I trust that I can just edit the template files, but this is not optimal as this will break once I update the theme, I have however used a code snippet plugin that adds css and functions where desired. I have used this with various modification with Enfold before.

    Any guidance on how I would approach this.

    November 9, 2015 at 2:37 pm #532598
    Yigit

    Hi Willan!

    Please see – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.