Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter jacolinemoedzaam

    (@jacolinemoedzaam)

    Hi @kristihugz

    I am genuinely very sorry I gave you the feeling that you did something wrong, or that you had to be chastised. That was for sure not my intention! I hope you’ll accept my apologies.

    I actually logged into the forum because I realized I had forgotten to tag you in my previous message. I wanted to let you know that my problem (the empty spaces on the front page) had been fixed and that you could use the code -provided above- too. Because your preferred viewing was grid too, right?

    A while back an ICT-guy gave me another piece of advice. Namely to add titles to my additional css so I don’t forget what each piece of code stands for. You can do this as follows: /* Title */ Due to the /* */ construction this piece of text becomes yellow/orange. So for example for the code used on this forum, I added to my additional css:

    /* No empty spaces between posts home page */
    .blog-post-wrap.grid-layout{
        display: flex;
        flex-wrap: wrap;
    }
    .grid-layout .post{
       display: flex;
    }

    For me, it provided a lot of clarity in my addtional css section. I hope it helps you too! Good luck with your website. Looks great already 🙂

    Thread Starter jacolinemoedzaam

    (@jacolinemoedzaam)

    Hello @96themes

    Please don’t worry about the late reply. You are probably busy with other things. I am very greatful for your nice theme and your support!

    And your solution works perfectly! Really happy with it 🙂

    If you got time, one final question: what has changed compared to when there was empty spaces between the posts? I don’t think it’s the word count, but all the boxes became equal height now. (Just asking so I understand what you adapted, so I can maybe fix issues myself in the future.)

    Thanks again!
    Best, Jacoline

    Hi Kristi,

    Yes, people answer here but sometimes it takes a bit of time. I am always thankful when I get support, because I am using a free template after all!

    With regards to your question: I think you can change the colors by specifying this in your extra css. Go to customizer > extra css.

    You could change the color of the blocks in the right column by writing down this:
    .widget-area .widget-title {background: #b3d4eb;}

    #b3d4eb is the color code of the standard theme, you can change this to any color code of course.

    I found the ‘name’ (.widget-area .widget-title) of these blocks by using my mouse: click with the right button on the block, choose ‘inspect element’ and there it is.

    Good luck.

    Thread Starter jacolinemoedzaam

    (@jacolinemoedzaam)

    @kristihugz Yes, going back to default is a solution of course! I’ve received support here before, so I’ll just be patient 🙂
    If the problem gets solved, you will probably see a message in this topic so you should be one of the first to know!

    Thread Starter jacolinemoedzaam

    (@jacolinemoedzaam)

    I did indeed use the inspector tool to look at the image. Following that, I added a line to my custom css as you suggested. Works great, but then all my images in all blog posts all aligned right, which is not what I want of course.

    I looked into the block editor and decided to add a media/image block, and then make sure it would align right. Looked great in the editor, but as soon as I publish it, the image is aligned left and the text is no longer wrapping around it.

    It seems like some rule somewhere (in my stylesheet maybe?) overrules the settings I make in the editor. Do you happen to know where I could check this? I asked a question at the Blogger era theme dedicated forum but so far no one replied (which is understandable, so I am not blaming anyone).

    And of course, thank you again for your help! (And your thoughts on control, you are so right!)

    Thread Starter jacolinemoedzaam

    (@jacolinemoedzaam)

    Hi @bcworkz ,

    Thank you for your clear and extensive reply! It helped me a lot, I fixed the problem 😀 (I changed the size of post-thumbnails in the functions.php file). And indeed, if I re-upload images, they look just the way I want them to look. So thank you for your help!

    I do have another question though (but please don’t feel pressured to answer it). I wanted to add images to my posts and pages (within text, not featured images). I would like these images to be aligned left or right, resized if needed, so the text is wrapping around it. If I set this up in my editor (using a classic block, add media > align left/right), it looks perfect. As soon as I publish my page or post, the image is full width. Example can be found on my website; menu: over … > over mij. The image there was aligned right and the text was wrapping around it in my editor.

    How can I solve this problem? Online I read that I had to add information to my style.css. Do you happen to know where I should add this? In my style.css I can’t find anything about alignment. Randomly adding css to my style.css to see what happens doesn’t seem the best solution to me.

    If this is a question you can’t answer, don’t worry about that. I would like to thank you again for your time and previous answer.

    Best,
    Jacoline

Viewing 6 replies - 1 through 6 (of 6 total)