Docs

[Rad]

Hi there,

Please don’t add this CSS

.archive .entry-featured {
    position: absolute !important;
    top: 0 !important;
}

It’s quite hard to fix since each element is located on different design structure. Overlapping and re-positioning is not possible with just CSS. Let’s do this workaround, please remove all the CSS mentioned on this thread and let’s start with new one here.

  @media ( min-width: 980px ) {
  .blog article, .category article {
  position: relative  !important;
  padding-left: 240px !important;
  }
.blog .entry-featured, .category .entry-featured {
position: absolute;
left:0;
top:0;
width: 210px;
}
.blog .entry-thumb img, .category .entry-thumb img {
width: 80%;
}
  }

Remember that featured image size is equal to article padding left minus 30px. Hence, 240px – 30px = 210px. You can change the sizes as long as remember the 30px rule.

Thanks!

[Olivia S]

Hello – picking up this thread. We decided to go another way with this, but have reconsidered things and we want to try to work this thru to see if we can get what we want stylistically and functionally.

So I deleted the previous CSS customization as suggested in your last reply and added the customization above with these numbers: `/* Blog Category/Archive Layout */
@media ( min-width: 980px ) {
.blog article, .category article {
position: relative !important;
padding-left: 5px !important;
}

..blog .entry-featured, .category .entry-featured {
position: absolute;
left:0;
top:0;
width: -25px;
}

..entry-thumb img {
width: 80%;
}
}
`
Please view the following page: http://420stack.com/resources/networking-education/events-conferences/

Please see the attached image with some markup. I would like to do the following but I am at a bit of a loss as to where I can make the changes in the php and css to make the following happen:

1. Tighten up the space between the title and the 1st entry and the top of the page.
2. Make the link NOT go to the permalink, but to a custom field I created in blog post that will open in a new window.
3. move the title of the blog entry over to be stacked on top of the excerpt.
4. align the top of the image with the top of the title if I am able to move the title over to be stacked and aligned with the excerpt from #3 above. If not, then align top of the image with the top of the excerpt.
5. Just as in #2, make the link NOT go to the permalink to the blog post, but to a custom field that was created in the post that opens in a new window.
6. add a Horizontal Rule under each post
7. tighten up the space between posts.

We want to emulate the following style or get as close as possible: http://startupstash.com/naming/

You can still access the site with the credentials I provided earlier in this thread.

As always, Thanks!!!

[Olivia S]

Let’s try the image again…

[Rad]

Hi there,

Please add this CSS as well,

.archive .entry-content {
    margin-top: 6px;
}
.archive .hentry, .archive article:first-child .entry-wrap {
   margin-top: 0px;
}
.archive .entry-header {
    margin-left: 14px;
}

Hope this helps.

[Author]

Posts