Blog post design issues

- 5 years, 10 months ago Kim_Schoenrock
  Participant
  
  Hi there,
  
  I’ve been trying to design my blog posts in the tower theme and am encountering a few issues as you can see here
  
  Please help me figuring out how to do it the way I want it to look.
  
  Cheers
  
  Kim
- 5 years, 10 months ago Ruco
  Keymaster
  
  Hello,
  
  I can’t find out how you have done this type of configuration it will better if we can check this blog post from the back-end.
  
  The picture to be enlarged need a custom css, Color of the bar also need a custom css but i can’t give the css without checking the live site.
  
  Send to us your wp creds(private reply) so we can check the problem closer.
  
  Regards!
- 5 years, 10 months ago Kim_Schoenrock
  Participant
  
  This reply has been marked as private.
- 5 years, 10 months ago Mirela
  Participant
  Hello,
  
  As shown in your screenshot:
  1-The “IT-Professional: Neues IT-Wissen für die Stadtverwaltung” is the post title. While the gray bar is a Visual Composer element that is inside the ‘content’ area. You can not move the post title under one element of the content.
  
  2-To increase the testimonial image, add this css in General Options > Custom Css box:
  
  .post .single_testimonial dl dt { width: 120px !important; margin-left: -30px !important; margin-top: -10px !important; height: 130px !important; }
  
  Change the values until you are satisfied with the result. The above values will give this result: https://postimg.cc/RN2kqmKk
  
  3-To change the testimonial position font color, add this css:
  
  .post .single_testimonial dl dd .param .position { color: #fff !important; }
  
  4-To make it fullwidth, first you need to differ the row that contains the testimonial, from other rows that contain simple text. Add this extra css class to each of the rows that have testimonial and then add this css:
  
  @media (min-width: 1100px){ .testimonial-row { margin-left: -135px !important; width: 1550px !important; }}
  
  Example made in this post: https://goldstepsconsulting.apps-1and1.net/it-professional-neues-it-wissen-fuer-die-stadtverwaltung
  Screenshot: https://postimg.cc/47H1nYtt
  
  Best regards!
  
  This reply was modified 5 years, 10 months ago by Mirela.
- 5 years, 10 months ago Kim_Schoenrock
  Participant
  
  Hi Mihaila,
  
  Thanks for your reply. Increasing the testimonial picture and changing the font colour works fine now.
  
  Regarding content above the title: Is it possible to include a slider on top of the post (above the title?)
  
  Also, as you set the grey bar with a fixed 1550px as width, the bar is still not full width on every device (Making it 2400px for my screen doesn’t solve the issue as the rest of the content within the bar shifts). If you select a row on a “page” and make it full width it is full width on every device. Do you have a solution?
  
  Cheers
  
  Kim
- 5 years, 10 months ago Mirela
  Participant
  
  Hello,
  
  Sorry but it’s not possible to add slider to posts.
  
  -To re-position the text in the gray bar after changing the width, change the “margin-left:” value as well. Increase/decrease it until you are satisfied with the result.
  
  Best regards!
- 5 years, 10 months ago Kim_Schoenrock
  Participant
  
  Hi,
  
  it’s a shame you can’t have a proper “full-width” coloured row in a post. If you set a certain width with defined px, it will always look different on various devices. If it’s not possible for now, maybe that might be a feature for a future update of the theme? I mean you can easily do it on pages, so why not on posts as well?
  
  Same goes for the sliders. I’d like to add sliders on top of posts. So maybe consider that as a feature as well.
  
  Anyway, thanks for trying to offer a solution as good as possible for now.
  
  Cheers,
  
  Kim
- 5 years, 10 months ago Mirela
  Participant
  
  Hello,
  
  Thank you for your suggestions. We will do as much as wordpress structure allows.
  
  Best regards!