Is there a theme that can do this or do I need to learn CCS/Coding?

  • Unknown's avatar
    mariannewilkinson · Member ·

    I work for a City Councillor and I use wordpress with Yoko premium theme ((https://mariannewilkinson.com/). It suits our needs except the front page. I wanted to display about 8 images with a small content block below them, when clicked would load those pages (eg upcoming event page, community issues page etc). I also need to have the sidebar widget on the right side.

    One theme showed what I was trying to accomplish look wise: https://theme.files.wordpress.com/2013/06/forefront-grid1.jpg?w=930&h=1241

    But once I installed it and played around – it also won’t do what I need. I The text below images is from the page itself. Not just a content block where I can write intro text.

    I’ve been through the themes many times, but can’t find anything that will allow me to do this. Could I modify the yoko theme to do this? Otherwise it is suiting our needs really well. Or do you guys know a theme that would work?

    Any help or advice would really be appreciated. I am up to learning what ever I need.

    If I do need to learn CCS or can customize it to do what I need – any advice on where I should start would be amazing.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sarahblackstock · Member ·

    Hi there! I’m not seeing any options in Yoko that will create the front page your describing.

    Have you checked out Sela? Those three grid items (where you see the flowers, camera, and cupcake images) are made using Text Widgets, so you can include any image/text you want there and have it link to whichever page/post you need (instead of using the child page grid setup like some other themes do).

    If you decide to try Sela, one thing to be careful of is the height of each widget will vary based on your content, so you’ll want it all to be very similar (same size images, same number of lines of text) to keep it looking more grid-like and not randomly spaced.

    I worked up this example on a test site with 3 rows of 3: https://cloudup.com/c4jsfrmfkl4

    Since the text length on those example widgets vary, I used this CSS to manage the spacing a bit: 

    #widget-area-5 .textwidget {
	height: 300px;
}

#widget-area-6 .textwidget {
	height: 300px;
}

#widget-area-7 .textwidget {
	height: 300px;
}

    That CSS may need additional tweaking to work well on various screen sizes but it’s a good starting point. (Keeping your images/text more uniform would be the easiest way to ensure nice spacing.)

    Let me know if you have any questions! :)

  • Unknown's avatar
    mariannewilkinson · Member ·

    How did you do text widgets on the main page like that? Are they just footer 1, footer 2 and footer 3 widgets? I can't figure it out.

    Thank you very much for replying and giving me some options.

    Karrie

  • Unknown's avatar
    sarahblackstock · Member ·

    Ah, sorry. Left that bit of information out!

    I added those Text Widgets in Customize > Widgets > First Front Page Widget Area — that’s the left column, then Second Front Page and Third Front Page for the other two columns.

    To use those widget areas, you’ll need the Front Page setup first. See the steps under “Front Page Template” to do that: https://theme.wordpress.com/themes/sela/.

  • Unknown's avatar
    mariannewilkinson · Member ·

    Ahhhhh. I’ll try this out. Thank you!

    Sorry for the double post.

  • Unknown's avatar
    sarahblackstock · Member ·

    You’re welcome! Pop back in if you have any questions as you go! :)

  • The topic ‘Is there a theme that can do this or do I need to learn CCS/Coding?’ is closed to new replies.