Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 22, 2022 at 9:32 am #1336621
    kazumakitajima

    Hi,

    On my Blog Post element, I added a Custom ID Attribute that I styled in my CSS. However, it seems to not have applied the style? I added a screenshot of what it should look like, what page the blog post element is on, and the CSS. Thank you so much!

    January 22, 2022 at 10:27 am #1336623
    kazumakitajima

    sorry I meant I put it in my Custom CSS Class

    January 22, 2022 at 12:38 pm #1336639
    Rikard

    Hi,

    What exactly are you looking to target with your CSS, and what is not working?

    Best regards,
    Rikard

    January 22, 2022 at 2:11 pm #1336650
    kazumakitajima

    You can see that what the mockup and how it currently is, is very different. The remaining styles that haven’t been applied is the meta data which I want it to be positioned in the same way basically. Thank you.

    So date should be upper right, category upper left, title below, the read more button should be stylized to the “aoki-template_line-button” that I have made in the CSS. Thank you

    January 24, 2022 at 2:34 pm #1336906
    kazumakitajima

    Hi, following up on this issue. Thank you!

    January 25, 2022 at 5:53 pm #1337126
    Yigit

    Hi,

    I see that date is on the left and category is on the right but since there are multiple categories, they overlap. Title is not below but I think that is because of the selector. Could you please use following selector to target the post title and check if that helps?

    #top .fullsize .template-blog h2.post-title

    Best regards,
    Yigit

    January 25, 2022 at 5:57 pm #1337128
    kazumakitajima

    Hi Yigit, thanks for your response.

    So do I put that selector in my CSS or do I put that as an CSs attribute to my Blog Post element?

    Thank you!

    January 25, 2022 at 6:07 pm #1337130
    Yigit

    Hi,

    Please put that CSS selector to custom CSS code where you target the title.

    If you were using a code similar to following to target the post title

    h2 {
opacity: 0.5;
}

    Please try using following instead 

    h2, #top .fullsize .template-blog h2.post-title {
opacity: 0.5;
}

    I see that other changes are applied so I think selector for the title might be weak but the one I shared should make sure it is not

    Best regards,
    Yigit

    January 26, 2022 at 11:04 am #1337243
    kazumakitajima

    Hi,

    No that did not work. It made the font larger but didn’t reposition it like how I wanted it to. Please advise! I’ve been at this for weeks, I can’t figure it out… Please help

    January 28, 2022 at 4:52 pm #1337773
    Yigit

    Hi,

    Could you please share the code you are using to re-position the items? I tried re-ordering using flex but that did not work well.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.