Docs

[Brownstone303]

Hi there,

I would like to create a blog page on a static site for a client but would like it to have a different look than the default look. I have set up wordpress to send any posts to the Newsworthy page.

http://ateretavot.com/news-2/

I put together a jpeg of a look I was thinking could work (attached). As you can probably see, although it’s very simple, I think it would be the perfect setup for my audience. I envision a thumbnail photo to the left of the blog synopsis text.

How can I achieve a look like this with functionality as well that will send older posts to an Archived section? I noticed the theme had a functionality that added page numbers to the bottom if there were more posts.

Would you suggest a plugin for any of these needs?

Thank you!

[Brownstone303]

Sorry…I made the file smaller and re-uploaded

[Brownstone303]

Also…lastly, the name Newsworthy won’t show up at the top of the page for some reason? Help!!

[Rupok]

Hi there,

Thanks for writing in! Each stack has it’s own unique design, so you can try setting other stack from Customize > Stack.

Or you can try setting “Masonry” style from Customize > Blog – http://prntscr.com/ddh4np

Cheers!

[Brownstone303]

This reply has been marked as private.

[Joao]

HI There,

Go to Appereance > Customizer > Blog and choose standard instead of masonry.

Once you do that please let us know and we will help you customize it.

I see Newsworthy there on the left side just below the picture of the elder people, would you mind to clarify?

Thanks

Joao

[Brownstone303]

This reply has been marked as private.

[Joao]

Hi

Please add the following code to Appereance > Customizer > Custom > CSS

.blog .entry-featured {
     max-width: 250px;
    float: left;
    margin-right: 20px;
}
.blog .entry-content.excerpt p {
    max-width: 900px;
    text-align: justify;
}

I reccomend you using feature image on every blog post.

Regarding your title, I could not find consistent on your titles on your pages, you would mind pointing a page that has the title that looks like you would like?

Thanks

Joao

[Brownstone303]

Hi there,

I’m not sure if the code did anything?

The heading is a head3 style, RGB(1,85,70).

Thanks.

[Friech]

Hi There,

Add this on top of your Custom CSS

.blog .x-landmark span {
	color: #015546;
	font-size: 120%;
}

Then resolve this missing closing bracket error.

http://image.prntscr.com/image/a9b02b230b754c47a3a3f01520e34648.png

Thanks.

[Brownstone303]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS as well,

  .blog article:after {
  content:"";
  display: block;
  width: 80%;
  margin:0 auto;
  border: 1px solid #ccc;
position: relative;
bottom: -44px;
  }
.blog article:last-child:after {
display: none;
}

You may change the width of you wish to make it full-width.

Thanks!

[Brownstone303]

This reply has been marked as private.

[Jade]

Hi there,

Please try this code:

.single .entry-featured {
    width: 30%;
    float: left;
    margin-right: 30px;
}

Hope this helps.

[Author]

Posts