HP slider > title

  • Resolved antoineO

    (@antoineo)


    11 years, 1 month ago

    Hi,

    I would like to have a background behind the title and subtitle to improve the lisibility on my HP : http://lapousse.fr.
    But just on the behind the text

    I tried to add “background” into my code here :

    .home-page-title { /* desktop > titre de la page Accueil*/
    text-align: left;
    margin-left: 35%;
    color: #ffffff!important;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}
.home-page-subtitle { /* desktop > sous-titres de la page Accueil */
    text-align: left;
    margin-left: 35%;
    padding: 0px 0px 0px 0px;
}

    but it is the entire background and not just the text.

    I tried to add <mark> in Appareance > slider > “title page” field, but it does not work…

    Can you help me please ?

    Antoine

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    11 years ago

    Hey, try using this:

    @media screen and (min-width: 1024px) {
.home-page-subtitle {
  background: #333;
  margin-right: 28%;
  padding: 5px;
}
.home-page-title {
  background: #333;
  margin-right: 28%;
  padding: 5px;
}
}

    Is that what you were thinking?

    Hannah

    Thread Starter antoineO

    (@antoineo)

    11 years ago

    Thanks but it is not really what I would like, because with margin-left/right, it is not really good in responsive.

    Is it not possible to highlight just the text, such as <mark> ?

    Ben Ritner – Kadence WP

    (@britner)

    11 years ago

    You can do css like this:

    .home-page-title, .home-page-subtitle {
  background: #333;
  display: inline-block;
  padding: 5px;
}

    Kadence Themes

    Thread Starter antoineO

    (@antoineo)

    11 years ago

    Perfect, thanks very much for your help !

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘HP slider > title’ is closed to new replies.