Support » Theme: Spun » Text under Circles

  • Resolved 4dro1d

    (@4dro1d)


    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.

Viewing 15 replies - 16 through 30 (of 38 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Yes. Done this already…

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Done this already

    Wait, when did you do this?

    a few minutes ago.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Ok. Done

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does anything happen on the homepage of your website?

    No.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you link your website?

    Yes I’ve tried but it doesnt show…

    Try: 8oopx.de/wordpress

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    .hentry.no-thumbnail {
     ...
    	overflow: hidden;
    }

    Yes it works! Great!
    Thank you very much!

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;}

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

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    BTW if you want to get the words centred get rid of your   entities and put this in the CSS:

    .home .hentry p { text-align: center; }

Viewing 15 replies - 16 through 30 (of 38 total)
  • The topic ‘Text under Circles’ is closed to new replies.