WordPress.org

Forums

Spun
[resolved] Title in Circles with image (12 posts)

  1. Gatiou
    Member
    Posted 2 years ago #

    Hello,

    I want to put the title of my article inside the circle with image.
    I tried the Guide : http://wordpress.org/support/topic/put-test-inside-images-on-home-page?replies=1
    I did every step, but it still doesn't work. What can i do ?

    my website : http://madiba.colibre.org/

    Thanks

  2. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Have you activated your Child Theme?

  3. Gatiou
    Member
    Posted 2 years ago #

    I think so...
    What I have to do to activate the Child Theme ?

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Go to the dashboard under Appearance > Themes and "activate" your child theme.

  5. Gatiou
    Member
    Posted 2 years ago #

    Thanks !!!

  6. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Btw if you want your text centred don't specify a height as you're doing here:
    .blog .hentry span.hometitle {
    ...
    height: 180px;
    ...
    }

  7. Gatiou
    Member
    Posted 2 years ago #

    I changed everything and it works well on the homepage. But when i'm doing a research by category, it's a mess...
    http://madiba.colibre.org/category/27-annees-demprisonnement/
    Can i change it ?

  8. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    You can fix it to some level where it almost appears okay, by changing this:

    .blog .hentry span.hometitle {
     width: 100%;
     position: absolute;
     top: 73px;
     display: table-cell;
    
     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
     font-size: 32px;
     font-size: 3.2rem;
     font-style: italic;
     text-shadow: 1px 1px #6B6868;
     text-align: center;
    
     line-height: 1.2;
     vertical-align: middle;
     word-wrap: break-word;
     color: #FAFAFA;
    
     overflow: hidden;
    
     transition: background .4s ease-in-out;
     -webkit-transition: background .4s ease-in-out;
     -moz-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     -ms-transition: background .4s ease-in-out;
    }

    To this:

    span.hometitle {
     width: 100%;
     position: absolute;
     top: 73px;
     display: table-cell;
    
     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
     font-size: 32px;
     font-size: 3.2rem;
     font-style: italic;
     text-shadow: 1px 1px #6B6868;
     text-align: center;
    
     line-height: 1.2;
     vertical-align: middle;
     word-wrap: break-word;
     color: #FAFAFA;
    
     overflow: hidden;
    
     transition: background .4s ease-in-out;
     -webkit-transition: background .4s ease-in-out;
     -moz-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     -ms-transition: background .4s ease-in-out;
    }
  9. Gatiou
    Member
    Posted 2 years ago #

    Thanks, it's better ! :)

  10. Gatiou
    Member
    Posted 2 years ago #

    Another question (last one !!), If I have a picture in an article but I want just a title without picture on the circle, what can i do ?
    Is it possible ?

    Because i find a website where there is article with picture, but in the circle there is just the title.

  11. hassan.Zia
    Member
    Posted 2 years ago #

    Sir im confused regrading child theme. i checked in appearence>themes

    there is only one theme named spun which i have activated.

  12. WPyogi
    Forum Moderator
    Posted 2 years ago #

    @hassan.Zia - you have to create a child theme yourself - see:

    http://codex.wordpress.org/Child_Themes

    If you need additional help, please start your own thread.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.