WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Gatiou
    Member
    Posted 8 months 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
    Forum Moderator
    Posted 8 months ago #

    Have you activated your Child Theme?

  3. Gatiou
    Member
    Posted 8 months ago #

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

  4. Andrew
    Forum Moderator
    Posted 8 months ago #

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

  5. Gatiou
    Member
    Posted 8 months ago #

    Thanks !!!

  6. Andrew
    Forum Moderator
    Posted 8 months 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 8 months 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
    Forum Moderator
    Posted 8 months 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 8 months ago #

    Thanks, it's better ! :)

  10. Gatiou
    Member
    Posted 8 months 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 8 months 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
    Volunteer Moderator
    Posted 8 months 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.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.