WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] how to get images and text on circles (35 posts)

  1. michaellanfield
    Member
    Posted 1 year ago #

    Hi everyone,

    The circles on the main page, which I use as a menu. I wanted to know how to add images and text on each of the circles. Basically I have text on on each circle now and I want to add photos and text. How do I do this?

    Thanks!

    http://www.veganspringexpo.com

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

  3. michaellanfield
    Member
    Posted 1 year ago #

    I found out how to add images to the circles, under post > featured image, but how do I also show the post title on top of the photo?

  4. michaellanfield
    Member
    Posted 1 year ago #

    sorry I am totally confused. I just installed a child theme, but where do I go from there? I have only one file in my child theme folder. style.css.

    I know it is time consuming to explain every detail, but I need help. thanks.

    PS. If I want to edit a page in child theme how do I do it, if no files are in the child folder except style.css and it is not even a full style file?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please read "Note for other readers".
    Also these forums are for support. If you cannot support someone with their issue, it's best not to post in their thread.

  6. michaellanfield
    Member
    Posted 1 year ago #

    Hi my friend, I am trying to edit the child theme. but I am not sure which files, what to do... I am totally stuck banging my head on the keyboard.

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Copy over the file you want to change (content-home.php) into your Child Theme directory. You can then modify that.

    I'm not sure what you're asking that can't be answered in the other thread.

  8. michaellanfield
    Member
    Posted 1 year ago #

    Hi I understand this, but what do I add or edit to the content-home.php ??? I am trying everything and I can't get the title post to appear over the circle image.

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Replace:

    <article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
    	<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php echo $thumb; ?></a>
    </article><!-- #post-<?php the_ID(); ?> -->

    With:

    <article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
    	<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
                  <?php echo $thumb; ?>
                  <span class="hometitle">
                        <?php the_title(); ?>
                  </span>
             </a>
    </article><!-- #post-<?php the_ID(); ?> -->
  10. michaellanfield
    Member
    Posted 1 year ago #

    I tried that and it put the text under the circle to the left.
    you can see what it has done. http://www.veganspringexpo.com

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please follow the other steps in the other thread...
    All I did is just repeat myself.

  12. michaellanfield
    Member
    Posted 1 year ago #

    and the other circles have the post title written twice. strange

    I tried so many things. I did what was said... boy I must be a pro. hehe

  13. jszkil
    Member
    Posted 1 year ago #

    I'm having the same issue actually. Text is displaying but not overlaid on the image. Child theme created, content-home.php and style.css all created per your specs. No luck. Even modified the style.css grossly to see if I could get the title of the home page to change at all per tracyselena2's actual page with no luck. Seems like the text with image code in my css isn't being interpreted correctly...I'll dig some more but any obvious suggestions about the css file itself would be welcome as I could just be doing something silly this late at night.

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    In your Child Theme style.css file add this:

    .blog .hentry span.hometitle {
     position: absolute;
     top: 73px;
     width: 100%;
    }
    
    .blog .hentry {
     position: relative;
    }
  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    @jszkil can you create your own thread to discuss that?

  16. michaellanfield
    Member
    Posted 1 year ago #

    same result. I tried this, already before as well. :(

  17. jszkil
    Member
    Posted 1 year ago #

    Lol, it's the same issue though...and turns out my css is being interpreted

    Anyways I'll tag along and watch to see if you add anything new.. Looks like the same issue and same responses...

  18. jszkil
    Member
    Posted 1 year ago #

  19. jszkil
    Member
    Posted 1 year ago #

    Looks like that code will call the post title over the image but is a repetitive task per featured image...not a slick solution as you'd have to update each image post...let's see if we can't do better. Andrew...any new thoughts?

  20. Andrew
    Forum Moderator
    Posted 1 year ago #

    same result. I tried this, already before as well. :(

    It wasn't clear you tried this before.

    Use this PHP instead:

    <article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
    	<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
                  <?php echo $thumb; ?>
                  <span class="hometitle">
                        <?php the_title(); ?>
                  </span>
             </a>
    </article><!-- #post-<?php the_ID(); ?> -->

    And this CSS:

    .blog .hentry span.hometitle {
     position: absolute;
     top: 73px;
     width: 100%;
     text-align: center;
    }
    
    .blog .hentry {
     position: relative;
    }
  21. michaellanfield
    Member
    Posted 1 year ago #

    It finally worked! WOW! thank you so very much. I am so happy. I can do the happy dance. hehe!!!!

    Big kiss to you my friend.

  22. jszkil
    Member
    Posted 1 year ago #

    And we have a winner! Way to come through Andrew. I have to admit I had my doubts, but you pulled it off. Also note that you can now add a few fields to your css to change font, font size etc....I'll play with it more and add examples if you'd like. Strange how the other code is working fine for some sites and not others. Perhaps the theme was updated in the last few weeks. I'll dig through it sometime if I get bored with life.

  23. michaellanfield
    Member
    Posted 1 year ago #

    still one minor problem. the post (circle) entitled Other Activities appears twice. How to correct this?

  24. jszkil
    Member
    Posted 1 year ago #

    Looks like you corrected this as I'm not seeing that post icon on the home screen twice.

  25. jszkil
    Member
    Posted 1 year ago #

    Also it looks like your css could be cleaned up of some repetitive entries in there but I'm sure you'll fix that...right?

  26. michaellanfield
    Member
    Posted 1 year ago #

    I am still seeing it, even in different browsers.

  27. michaellanfield
    Member
    Posted 1 year ago #

    I don't want to touch anything because it is partially working now...

  28. jszkil
    Member
    Posted 1 year ago #

    Hmmm, you may have to clear your browser cache. I suspect you were testing your site in multiple browsers over this whole testing period so I suggest saving your work, closing your browsers, re-open one and see if it's still there. If it is, sleep on it, then try again and if still there then create a new post specific to that issue.

  29. michaellanfield
    Member
    Posted 1 year ago #

    ok. Will do that when I am done. Thanks everyone!
    How to clear cache on Firefox 20?

  30. michaellanfield
    Member
    Posted 1 year ago #

    actually when I added a photo to Other activities it worked!!!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.