Header issues, tile color and order of content blocks

  • Author
    Posts
  • #158552

    Hi,

    I’m updating my website litconsulting.net and I’m running into some issues.
    – Header: I’ve removed some outdated pictures on my header on several pages but the header image is not responsive anymore. Only the header on the home page works perfect on all devices, all other pages the header image is cut off. How can I change the header so it’s the same on all pages?
    – Tile color: I removed the portfolio images per project, but now the tiles are standard green / teal, how can I change the color to the red that’s also present when I hoover over the portfolio buttons?
    – Can I change the order of the content blocks? I’d like to have the recent post before the recent projects and testimonials.

    Thanks
    Chenling

    The blog I need help with is litconsulting.net.

    #158553

    Additional question, I added a blog post, but how do I add a page that displays all of the blog posts?

    #158788

    anhtnt
    Theme Author

    Hi Chenling,

    – Header: I’ve removed some outdated pictures on my header on several pages but the header image is not responsive anymore. Only the header on the home page works perfect on all devices, all other pages the header image is cut off. How can I change the header so it’s the same on all pages?

    I’ve just checked your website and see the header image works perfectly on mobiles. Am I missing anything?

    PS: Your header image is really nice!

    – Tile color: I removed the portfolio images per project, but now the tiles are standard green / teal, how can I change the color to the red that’s also present when I hoover over the portfolio buttons?

    I see you already did this. If you need any help, please let me know.

    – Can I change the order of the content blocks? I’d like to have the recent post before the recent projects and testimonials.

    Yes, you can. Please use this CSS:

    .main {
    	display: flex;
    	flex-direction: column;
    }
    .intro.section {
    	order: 1;
    }
    .section.blog {
    	order: 2;
    }
    .portfolio.section {
    	order: 3;
    }
    .testimonial.section {
    	order: 4;
    }
    .section.call-to-action {
    	order: 5;
    }

    Additional question, I added a blog post, but how do I add a page that displays all of the blog posts?

    Please follow this documentation:

    https://wordpress.com/support/pages/front-page/#3-create-a-blog-page-optional

    #159068

    Hi Anhtnt,

    Thanks for your feedback. I got some help from the wordpress help desk for some items. The order CSS code worked perfectly, thank you!!

    For the blog post page though, is there a way to have a title on the post it self that’s not in the header? If I click on the post I wrote I get directed to the page where there is currently 1 post. But if I click on the post again, I only see the body of the post and the title is in the header where it’s very hard to read. Anyway to have the title of the post in the body?

    Thanks
    Chenling

The topic ‘Header issues, tile color and order of content blocks’ is closed to new replies.