Remove blog style border


#1

Hi there,
How do I remove the blog-like border in my page? each row I add became a blog post style and I don’t want that. http://silvialiphotography.com/index.php/panorama/

Also, the page title is automatically added to the menu bar, but I can’t delete it because it’s not even in the menu setting page.

please help.

thanks!


#2

the menu display is ok now :slight_smile:


#3

Dear Silvia,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.hentry .post-content, 
.single .hentry, 
.page .hentry {
  border: none;
}

Regards,
Kharis


#4

sorry, i wasn’t being clear enough, i want the whole blog-style format gone, not just the border.
right now still got a different background colour, lines and ‘Edit’ option displayed.

thanks.


#5

i fixed the colour, not sure about the rest


#6

Hello there,

Try adding this code, please:


.entry-footer{
  border: none;
}

.entry-footer .edit-link{
  display: none;
}

Regards,
Kharis


#7

"Edit"is gone, but the top and bottom container lines are still there:
http://silvialiphotography.com/index.php/panorama/

also, how can I center the title and the content?

thanks!


#8

Hello there,

Try adding the following CSS code, please:


.page-id-319 .entry-header{
  border-bottom: none;
  text-align: center;
}

.page-id-319 .entry-content{
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-319 .foogallery-masonry.masonry-layout-2col .item{
  max-width: 400px;
}

Regards,
Kharis