WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Text under Circles (39 posts)

  1. 4dro1d
    Member
    Posted 11 months ago #

    Hello,

    - how can I create a short text under each circle?
    Here's a screenshot:
    https://www.dropbox.com/s/u789wye5bxqk3sx/text.PNG
    I want one word instead of my "blue line"...

    - If this doesnt work:
    Is there any chance to change the text in the circle when I hover it ?

    - If this also doesnt work... Can somebody tell me how to create a Text area under the circles like here: http://greenboutique.ca/

    Hope you can help me and sorry for my bad english. Btw thanks for this wonderful template... :)

    PS: Created already a child template.

  2. Andrew
    Forum Moderator
    Posted 11 months ago #

    First thing is to decide how you want to manage the text underneath the circles.

    Have you thought about having a custom field when you go to edit the post that holds 1 word?

  3. 4dro1d
    Member
    Posted 11 months ago #

    I have no idea how to do this because I've not much experience...

    Is there any chance?

  4. Andrew
    Forum Moderator
    Posted 11 months ago #

    That part looks doable so far: http://snag.gy/U4xPb.jpg - using this plugin: http://wordpress.org/plugins/types/screenshots/

    I'm sure the rest is doable too but haven't got that far yet.

  5. Andrew
    Forum Moderator
    Posted 11 months ago #

    Yep just did it.

    Can you start by downloading that plugin: http://wordpress.org/plugins/types/ ?

  6. 4dro1d
    Member
    Posted 11 months ago #

    Have it already but dont know what to do :S

  7. Andrew
    Forum Moderator
    Posted 11 months ago #

    Can you get this page up http://snag.gy/CxOrX.jpg ?

  8. 4dro1d
    Member
    Posted 11 months ago #

    Yes

  9. Andrew
    Forum Moderator
    Posted 11 months ago #

    Click on "Add a custom fields group".

    Then in this page http://snag.gy/m2WLZ.jpg do the following:

    1. In "Enter group title" write "Additional text";
    2. Leave "Enter a description for this group" as it is;
    3. In "Available fields" press on "Single line" [screenshot].

    Then you'll be taken to this part of the page: http://snag.gy/iaCyv.jpg

    Give us a shout when you reach that.

  10. 4dro1d
    Member
    Posted 11 months ago #

    Yes, done :)

  11. Andrew
    Forum Moderator
    Posted 11 months ago #

    Then do the following underneath that "Fields" section you've just reached:

    1. In "Enter field name" write "Extra word";
    2. Leave "Enter field slug" as it is;
    3. In "Describe this field" write "The text to go underneath each circle".

    Leave the rest of the options and press this save button: http://snag.gy/oFXuO.jpg

  12. 4dro1d
    Member
    Posted 11 months ago #

    I've done

  13. Andrew
    Forum Moderator
    Posted 11 months ago #

    Now can you go to one of your posts and edit it?

    You should be able to see a new section of that edit screen called "Additional text" [screenshot].

    In that section can you add an extra word and then save your post?

  14. 4dro1d
    Member
    Posted 11 months ago #

    Yes that's right. But nothing happened...

  15. Andrew
    Forum Moderator
    Posted 11 months ago #

    The next stage is to add some code into the content-home.php file so that it grabs this, "Extra word" field for each circle and displays it on the website.

    Do you have this file in your Child Theme at the moment?

  16. 4dro1d
    Member
    Posted 11 months ago #

    No. I've only style.css
    But I can make the changes at the normal content-home.php ...

  17. Andrew
    Forum Moderator
    Posted 11 months ago #

    Can you copy the content-home.php file from the Spun theme and paste it into your Child Theme directory?

    That's what you do in a Child Theme by the way; every time you want to modify a PHP file other than funcitons.php you copy it from the parent theme and paste it into the Child Theme directory.

  18. 4dro1d
    Member
    Posted 11 months ago #

    Yes. Done this already...

  19. Andrew
    Forum Moderator
    Posted 11 months ago #

    Done this already

    Wait, when did you do this?

  20. 4dro1d
    Member
    Posted 11 months ago #

    a few minutes ago.

  21. Andrew
    Forum Moderator
    Posted 11 months ago #

    Okay, I thought you meant you did it a while ago and you had modified that file already. I wanted to make sure the changes I was about to recommend would have worked to your file.

    Carrying on, try replacing all of the code from your content-home.php file (of your Child Theme) with the code from this PasteBin page: http://pastebin.com/e40FLjei

  22. 4dro1d
    Member
    Posted 11 months ago #

    Ok. Done

  23. Andrew
    Forum Moderator
    Posted 11 months ago #

    Does anything happen on the homepage of your website?

  24. 4dro1d
    Member
    Posted 11 months ago #

    No.

  25. Andrew
    Forum Moderator
    Posted 11 months ago #

    Can you link your website?

  26. 4dro1d
    Member
    Posted 11 months ago #

    Yes I've tried but it doesnt show...

    Try: 8oopx.de/wordpress

  27. Andrew
    Forum Moderator
    Posted 11 months ago #

    Try removing your 'overflow: hidden;' style in your Child Theme style.css file, here:

    .hentry.no-thumbnail {
     ...
    	overflow: hidden;
    }
  28. 4dro1d
    Member
    Posted 11 months ago #

    Yes it works! Great!
    Thank you very much!

  29. Andrew
    Forum Moderator
    Posted 11 months ago #

    When there is more than one row of circles (or squares in your case) this extra word will be overlapped, you can explore this by resizing your browser to a smaller size.

    To resolve this you could add the following CSS:

    .home .hentry { margin-bottom: 30px;}
  30. 4dro1d
    Member
    Posted 11 months ago #

    Yes. Perfect. So the mobile site works too !!!

Reply »

You must log in to post.

About this Theme

About this Topic