WordPress.org

Forums

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

  1. Gatiou
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

    Have you activated your Child Theme?

  3. Gatiou
    Member
    Posted 1 year ago #

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

  4. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  5. Gatiou
    Member
    Posted 1 year ago #

    Thanks !!!

  6. Andrew
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year ago #

    Thanks, it's better ! :)

  10. Gatiou
    Member
    Posted 1 year 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 1 year 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 1 year 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.