Streaming live at 10am (PST)

CSS Help? This one is a challenge


#1

I need some help! I've mocked up a template but I need some very specific functionality with the posts that show on the website. I'm attaching an image that shows how I need my blog posts to show on the website. I need a header image, the title, and the ability to have at least 2 if not 4 links in the summary of the post. I also would like the social sharing bar on the bottom for the ability to share the particular post.

I want people to be able to click the links showing on the post vs, the header title to go to the main post. Does this make sense? I assume it can be styled with CSS, can anyone help?


Here is my public share link: LINK
(how to access public share link)


#2

love Balsamiq :slight_smile:

Ok my take at a structure in Webflow:

  • green boxes are div
  • orange boxes are link blocks
  • orange underlines are text links
  • blue boxes are images
  • blue cross are background images
  • yellow is text or title
  • pink is a column element

The header div will have a fixed height that's why a bg image is needed so it fills the area perfectly.

Is that what you expected?


#3

That's a most appreciated reply. The only thing that I'm still trying to wrap my head around is that these need to be autoupated like a blog feed. Can I style the blog to do this so as the info is entered into its place it populates in the feed?


#4

Yes.

From the title to the links to the background image.

Welcome to the wonderful world of Webflow.

Try to figure that out, and come back here for details.

As @PixelGeek always says, prepare to see the light.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.