Skip to content
Public Ticket #28557

Adjust the position of an element

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

Please modify the CSS code:

.grid-post-box-meta span:first-child:before,
.grid-post-box-meta span:after {
  display: none;
}
.grid-post-box-meta span:before {
  content: "";
  width: 1px;
  height: 10px;
  background: #dedede;
  margin: 0 10px 0 8px;
  border-left: 1px solid;
  background: none !important;
  opacity: 0.6;
  display: inline-block;
}

Regards,
PenciDesign.



Erik replied

Customer Reply

This eliminates the divider.  I don't necessarily want the divider gone because it appears everywhere else and looks good.  I just don't want it contained inside of the status.  After and separate is ideal.  Is there a way to do that?

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.grid-post-box-meta span.penci_post_status:after {
    display: none;
}

Regards,
PenciDesign.



Erik started the conversation

Conversation Start

Hi - When users submit stories on the frontend they can go to the "my Posts" page and see the status of their stories as they are processed.  

The metadata for these stories is displayed and is separated by a | divider.  

This divider appears to be contained within the same div as the preceding meta element, as opposed to being separate.  The result is that when the status element is styled to be more visible it is including the | divider too.  

I need the divider to be outside of the statuses div, so that it does not get styled and I cannot find where this element is. 

 

Want to join this conversation or access attachments? Sign in first.