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 #2158324
Mobile display issue and other display issues
Closed

Comments

  • denizmavisi started the conversation
    September 20, 2019 at 11:39am

    Hi,

    I submitted a ticket but could not see the ticket listed. So I reopen another one to ask your help on the Soledad Theme on my site www.stratejivefinans.com 

    1.  On mobile view, the popular posts title  seems to be misaligned. The popular posts title (named as Çok Okunanlar) and recent posts title  (Son Yazılar) have the same style and same allignment on desktop and displays perfect. But when it comes to mobile, popular posts title sticks to the border and lost its style. Please refer to the screenshots.

    2. If possible I like to make the left sidebar width narrower. How can I make it.

    3.  I like to make the subscription form below the blog posts smaller. Half  of the width, it has now. Please refer to the screenshot

    4. When I click to a category, all posts regarding to that category displays. The name of the category displays as a heading above the posts. I like adjust the vertical padding of the header, font, font size  and color of the  heading. 

    Thank you very much for your support and have a nice day. 

    Burak 


  •  2,699
    PenciDesign replied
    September 20, 2019 at 3:54pm

    Hi,

    1/ Please add more this code to Customize > Custom CSS fix it:

    @media only screen and (max-width: 767px){
.penci-home-popular-posts{ border-top: 1px solid; }
.home-pupular-posts-title span{ padding-left: 20px; }
}

    2/ Please add more this code to Customize > Custom CSS to do that:

    @media only screen and (min-width: 961px){
.penci-single-style-10 .penci-single-s10-content, .container.penci_sidebar #main{ width: 75%; }
.penci-sidebar-content{ width: 25%; }
}

    Change values 75 & 25 to values as you want. Make sure total of that 2 values is 100.

    3/ Please add more this code to Customize > Custom CSS to do that:

    .post-entry .essb_links{ text-align: center; }
.post-entry .essb-subscribe-form-inline { max-width: 450px; margin: 0 auto; }

    4/ The font of that heading will follow the font you've selected via Customize > General Options > Font for Heading Title.

    For change padding, font size, color, please add more this code to Customize > Custom CSS to do that:

    .archive-box{ margin-bottom: 40px; }
.archive-box h1{ font-size: 32px; color: #ff0000; }

    Best Regards,

    PenciDesign

  • denizmavisi replied
    September 24, 2019 at 2:47pm

    Thanks very much for your help. It worked!