Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3647576
Adjust the position of an element
Closed

Comments

  • Erik started the conversation
    May 14, 2024 at 4:57pm

    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. 

     

    Attached files:  divider_element.jpg

  •  2,609
    PenciDesign replied
    May 14, 2024 at 5:35pm

    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 replied
    May 14, 2024 at 7:40pm

    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?

  •  2,609
    PenciDesign replied
    May 15, 2024 at 1:31am

    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.