Support » Theme: Spun » Circles on homepage changed to squares after upgrade

  • Resolved hamutalwz

    (@hamutalwz)


    1) I have upgraded the Spun theme to 2.0.2 and now the circles on the homepage changed to squares and only when I hover over them, they change to circles.
    I have cleared cache and reloaded the page but the problem persists.
    2) the next and previous arrows in posts are changed to small ones. why is that and how can I change it?
    3) there is a new “MENU” and “SKIP TO CONTENT” menu entries above the standard menu. why is that and how can I change it?
    My website address is: http://www.private.fsh.co.il
    Thank you.

Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter hamutalwz

    (@hamutalwz)

    I have added this to my child theme style.css – as suggested in a another discussion thread:
    .hentry a {
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    }

    it did changed the squares to be circles again but when I hover over them, they first change to a square and then return back to a circle.
    I don’t understand why the upgrade caused such a change to begin with, but this does not seem to be the solution.
    In my child theme I have not modified the circles so why are the changed?

    as for the navigation arrows, I wish to return to the original large ones but now I have small arrows that does not even support RTL display, what happened?

    Please assist, I cannot leave my site like this.
    Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    btw it’s not obvious but Caroline tried to explain the change between the new version http://wordpress.org/themes/spun

    PLEASE NOTE: Version 2.0 makes some major changes, please upgrade at your own risk.

    Thread Starter hamutalwz

    (@hamutalwz)

    what is changed from 1.0.7 to 2.0?
    is it possible to upgrade and retain the previous behavior and design that was the reason to install this theme?
    is there a solution to the issues I’ve posted above or should I downgrade back to 1.0.7?
    Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In my child theme I have not modified the circles so why are the changed?

    A child theme inherits its parent theme’s functionality.

    There are answers to questions in your first post, but I’m not the theme author so I can’t give you a definitive “why” answer.

    “1)” Use this CSS instead:

    .hentry a {
    	overflow: hidden;
    	-webkit-border-radius: 100%;
    	-moz-border-radius: 100%;
    	border-radius: 100%;
    }
    
    .blog .hentry a:hover img {
    	-webkit-transition: none;
    	-moz-transition: none;
    	-o-transition: none;
    	-ms-transition: none;
    	transition: none;
    }

    “2)” Can you use this thread as guidance (even though it’s opposite of what you want) http://wordpress.org/support/topic/navigation-arrows-resize ?

    “3)” That’s supposed to be hidden – for people with visual and motor disabilities. To hide them on your site add:

    .assistive-text a,
    h1.assistive-text {
     position: absolute;
     top: -9999em;
    }
    
    .assistive-text a:focus {
     top: 0;
    }

    Thread Starter hamutalwz

    (@hamutalwz)

    Thank you for this. it partly worked.
    The circles looks ok except for 2 issues:
    1) the images inside the circles are not re-sized as before so they are in fact too large for the circle so you don’t actually see the image. but when I hover over it, it get re-sized as it should.
    2) when I hover over a menu at the top of the page, the circles are changed – as before, to squares and only then, changed back to circles.
    something seems to be really wrong with the circles behavior in this upgrade.

    as for the navigation arrows, I did not explain myself too good before. It’s not that they’re too large, it’s that they’re different than what they used to be. Before they were >> and now I get just a regular arrow and it does not look good at all.
    also, it’s not RTL like it used to be.

    Thread Starter hamutalwz

    (@hamutalwz)

    OK!
    I’ve managed to resolve the circles problem!
    It was caused by a modification made to content-home.php to show text inside the circles.
    the modification was made according to instructions provided in this forum but, it too needed to be updated to suite the changes of the new version. so this is not a problem of the theme!

    But the main navigation arrows are still wrong and I cannot figure out why.
    Any ideas?
    http://www.private.fsh.co.il/%D7%99%D7%A2%D7%95%D7%A5-%D7%AA%D7%96%D7%95%D7%A0%D7%94/

    Thank you.

    Thread Starter hamutalwz

    (@hamutalwz)

    opening a separate issue for the navigation arrows.
    thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think I found where the issue lies with the square images.

    The Spun theme updated its class in the <img> element of each circle and applied the rounded styling to that class that is present in the “content-home.php” file. Since we’ve modified that file in our child theme our changes take precedence over the Spun theme’s “content-home.php” file.


    Spun changed its CSS in style.css and HTML in the new content-home.php files.

    We’ve got Spun’s CSS but not HTML (because our content-home.php file is a copy of the version 1.07 content-home.php file).

    And so I’m going to update that thread with the corrected HTML for your Child Theme “content-home.php” file, but note that because so much has changed it may take me a while to figure out the solution.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    All the code in the “content-home.php” file of your Child Theme should be replaced with the code from this PasteBin page: http://pastebin.com/AgC6L2WJ

    Thread Starter hamutalwz

    (@hamutalwz)

    why is that?
    this does not look like the code of the new content-home.php

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re not actually using the new “content-home.php” file btw – You’re using the version 1 file that I told you to copy when I wrote the thread 6 months ago in Stage 1, step 2.

    Thread Starter hamutalwz

    (@hamutalwz)

    not anymore.
    I was able to fix the problem by copying the new content-home.php file from the latest version, into my child theme, and re-applying the modification needed to show texts inside the circles.
    it did not require the same modification as before. this is what I did:

    [Moderator note: Please repost code and wrap it in backticks]

    there’s only 2 places needed to be modified to show text inside the circles and it corrected the problem I had.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you post that code again or put it into PasteBin http://pastebin.com ?

    Thread Starter hamutalwz

    (@hamutalwz)

    sure. sorry. didn’t know how to do that.
    here’s the link to it: http://pastebin.com/8YDM05MP

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m going to take your approach and use the up-to-date version 2 content-home.php code and update that guide thread again, thanks hamutalwz.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Circles on homepage changed to squares after upgrade’ is closed to new replies.