editing css title
-
hi,
i have added in http://wpdev1.altervista.org/.site-title {
font-size: 3.375em;
font-family: cursive;
font-style: italic;
}.site-description {
font-size: 1.99em;
font-family: cursive;
font-style: italic;
}but only site-desciption work
why site-title is not italic?
(i have try also site-title a )thanks and regards
-
try changing it to .site-title a{
}
The text is wrapped in an anchor tag.
yes i have wrote
(i have try also site-title a ).site-title a {
font-size: 3.375em;
font-family: cursive;
font-style: italic;
}
but nothingtry adding !important after the statement example font-family: cursive !important;
If it’s a custom font there are chances the italic version of the font is not uploaded or enqueued.
You can check on that as well.
Thanks
You don’t need the
!importantbit. Your site title and tagline are in italics, it’s just that it’s hard to tell they are because of the “cursive” style you’ve opted for. If you remove this bit of code it’ll be more obvious that your text is italicized:font-family: cursive;i wrote
.site-title a {
font-size: 3.375em;
font-family: cursive !important;
font-style: italic !important;
}.site-description {
font-size: 1.99em;
font-family: cursive;
font-style: italic;
}but with browser’ ispector i see
media=”all”
.site-description {
font-size: 1.99em;
font-style: italic;
}
media=”all”
.site-title a {
border-bottom: 0;
color: inherit;
}then i post
.site-title a {
font-size: 3.375em;
font-family: cursive;
}but nothing
i try all
site-title a:focus, a:active, a:hover, a:visited {
font-family: cursive;
}nothing
This is what I’m seeing:
Could you upload a screenshot so I can see what the problem is?
Here’s a guide on how to make a screenshot:
http://en.support.wordpress.com/make-a-screenshot/You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.
you can see the jpg in the post7
http://wpdev1.altervista.org/post7/Looks like your computer is displaying Comic Sans for the site title, which may not show italics as you expect. Intstead of just choosing a generic font family, I’d suggest you pick a specific font for more predictable results from device to device. For example:
font-family: Verdana, Helvetica, sans-serif;nothing
i don’t undarstandin ispector browser i see tagline ok
media=”all”
.site-description {
font-size: 1.99em;
font-style: italic;
}then why title not accepted italic?
inspector is
.site-title {
font-size: 3.375em;
}problem is because title is a href?
the override is to href
h1.site-title a {or
h1.site-title {
🙁
Hi, I did the following using the web inspector in my browser.
h1.site-title a { font-family: cursive,arial,helvetica,sans-serif; font-size: 3.375em; font-style: italic; }The cursive font has its own slant to the letters, and italic can’t be applied to that particular font. Given that cursive may not be supported on all systems, I’ve added some general fallbacks to the font stack. If cursive doesn’t load for a visitor, the one of the other fonts will load and the italic font style will be applied to those.
I would suggest using the same font stack on .site-description as well so that things will look consistent on all systems and browsers.
well i found
if i add css in style.css of thema-child it not work
if i add css in appareance css it work
my style.css child is
/*Theme Name: boardwalk-child
Theme URI: http://www.wpdev1.altervista.org
Author: Io
Author URI: http://www.wpdev1.altervista.org
Description: Un tema child
Template: boardwalk
Version: 1.0*/
@import url(“../boardwalk/style.css”);…….
body.page .entry-thumbnail,
body.single .entry-thumbnail {
display: none;
}
….
…..
….Did you put the new CSS rules at the very bottom of your child theme’s CSS?
The topic ‘editing css title’ is closed to new replies.
