Viewing 15 replies - 1 through 15 (of 16 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Copy “content-home.php” from your theme and paste it into your Child Theme directory;

    Once you have done that, edit the content-home.php file from your Child Theme directory. Replace all of its contents with the code from this PasteBin page: https://pastebin.com/5PzrWLC2

    Thread Starter shojo64

    (@shojo64)

    Done, but no change

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh they’re custom circles.

    Instead of what I just recommended, replace all of the code in your “content-custom-circles.php” file with the code from this PasteBin page: [redacted]

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Actually replace it with this code: https://pastebin.com/CFkyBB8e

    Thread Starter shojo64

    (@shojo64)

    Great, real close.

    But now the titles are not quite under the circles. Also, how would I change the font and color.

    Andrew, I am very thankful!

    Thread Starter shojo64

    (@shojo64)

    Actually, it seems that the new titles interfere with the custom-circle link. That is, if you hover over the circle, you can see the link it is supposed to be. But it has become associated with the wrong text.

    Does that make sense?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Target the “hometitle” class in your CSS to target the text under the circles, E.g:

    .hometitle {
     font-size: 20px;
     color: deeppink;
     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
    }

    To get them centred add to them:

    text-align: center;
    display: block;

    Thread Starter shojo64

    (@shojo64)

    You’re funny. “deeppink”

    It’s not quite right and I am not sure I understand what you mean.

    You want me to edit the style.css file that is imported into the child-theme? Or do I just insert the code into the style.css of the child as a modification? .hometitle is imported, right?

    change
    text-align: centered;
    to
    text-align: center;

    Thread Starter shojo64

    (@shojo64)

    Thanks,

    but would you know why the text seems to skip the first custom circle? I deleted the last circle to see if the text would align correctly. It didn’t. The text is one circle past where it should be.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What’s the first Custom Circle’s title?

    Thread Starter shojo64

    (@shojo64)

    About our Projects

    There is one missing on the right side. “Credits”

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There is one missing on the right side. “Credits”

    The Custom Circle won’t get the title of the post automatically. If that’s what you want you’ll have to add it into the Custom Circle title.

    Thread Starter shojo64

    (@shojo64)

    Yes, the titles of the circles are accurate.

    Thread Starter shojo64

    (@shojo64)

    Summary of problem:

    1) The custom circles link to pages

    2) It seems that the text under the circles is pulling the correct titles from the pages. to be sure, I changed one of titles of the pages and the text under the circle changed with it.

    3) The text is position exactly one circle off. The “about” text is beneath the “Teaser & Trailers” circle. And so on.

    4) I got ride of the last circle to see if the text and circle would align, they did not. In fact, I lost one of the items of text “Credit” even though the circle titled “credits” is present.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Titles under circles?’ is closed to new replies.