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 #2181193
Some minor display issues
Closed

Comments

  • denizmavisi started the conversation
    October 11, 2019 at 8:47am

    Hi,

    After upgrading to 7.0.1 version, I noticed that  on mobile version, the popular posts heading style did not match the recent posts style. Line next to the heading gets fully to the edge in popular posts heading. On the recent posts heading, the line next to the perfectky ends with a noticable padding to the margin. Please refer to the screenshot

    Another problem is about the capitilization of headings or words. My site language is Turkish. Whenever I click on a category, tag or search a word, the heading is capitalized and Turkish character i converted into the similar Latin character, I.  EKONOMİ turns into EKONOMI. https://prnt.sc/phtpn7 . I have the same problem in tags. 

    I think that there is a small bug here, because all Turkish characters ş,ç,ö,ğ,ü display in a correct manner. But in Turkish we both have ı and i and their capital letters are I and İ respectively. 

    My third question is about resizing previous and next post image resizing. I see that the images displayed are rather small and I like to enlarge them quite a bit. 

    Thanks for your support.

    Best regards.

    Burak

     

      

      


  • denizmavisi replied
    October 11, 2019 at 8:48am

    Please refer to the mobile screenshot here for the first question.

  •  2,699
    PenciDesign replied
    October 13, 2019 at 9:41am

    Hi,

    1/ You can add more this code to Customize > Custom CSS to ajust that space on mobile:

    @media only screen and (max-width: 479px) {
.penci-home-popular-posts { padding-top: 35px; }
}

    2/ You can add more this code to Customize > Custom CSS to make that heading is not uppercase:

    .archive-box span, .archive-box h1{ text-transform: lowercase; }

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

    .penci-post-nav-thumb{ width: 100px; height: 100px; }

    Change values 100 to values as you want.


    Best Regards,

    PenciDesign

  • denizmavisi replied
    October 14, 2019 at 3:30pm

    1/Just added the code, but unfortunately  in mobile nothing changed. 

    2/ Better than all capital. How could I make the first letter capital letter.

    3/ Thanks. This item is resolved.  

  •  2,699
    PenciDesign replied
    October 14, 2019 at 4:15pm

    Hi,

    1/ Please try again with this code:

    @media only screen and (max-width: 479px) {
.penci-home-popular-posts { padding-top: 35px !important; }
}

    2/ Please try use this custom css code:

    .archive-box span, .archive-box h1{ text-transform: capitalize; }


    Best Regards,

    PenciDesign

  • denizmavisi replied
    October 14, 2019 at 7:23pm

    Hi, 

    Thanks for second and third item. Thanks  to your  support, I solved the problem. Bu the the first problem persists  even after inserting  the  last code. 

    Best regards.

    Burak


  •  2,699
    PenciDesign replied
    October 15, 2019 at 12:43pm

    Hi,

    I see it already apply - if you want to change the space - you can change value 35 on the code I sent. That code already works.


    Best Regards,

    PenciDesign

  • denizmavisi replied
    October 15, 2019 at 2:49pm

    Thanks for your reply.

    I already changed the value with some numbers but it did not work.

    I think that the last code may interferes the previous codes. I listed all codes with 4 screenshots. You may help me which item, I should remove so that the latest code you gave could work. 

    https://prnt.sc/pjmgg2

    https://prnt.sc/pjmh27

    https://prnt.sc/pjmhn1

    https://prnt.sc/pjmi1m

    Best regards.

    Burak


  •  2,699
    PenciDesign replied
    October 16, 2019 at 3:01am

    Hi,

    I see the code I sent you works fine on mobile - the space between popular posts title and below has change:

    http://prntscr.com/pjuui2

    Why you said it doesn't change?


    Best Regards,

    PenciDesign

  • denizmavisi replied
    October 16, 2019 at 6:29am

    Hi again,

    I think we have a little misunderstanding about the last unresolved issue.

    My problem is the length of the line next to the popular posts heading. It sticks to the right border on mobile.

    On the other hand, the line next to the recent posts heading has nice padding with respect to the right border.

    The problem is on mobile. On desktop, the lines next to the  popular posts and recent posts  have an nice and uniform padding with respect to the right border.

    The lightshot, you have taken explicitly reveals the two lines next to the each heading have different lengths and paddings with respect to the right border. 

    Your code, which adjusts the padding between the popular posts heading and the posts works all right, but  my point is different. 

    Thank you very much.

    Best regards.

    Burak 

     



     


  •  2,699
    PenciDesign replied
    October 16, 2019 at 8:45am

    Hi,

    Ahh, ok I understand it now.

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

    @media only screen and (max-width: 767px){
.penci-home-popular-posts {
    border-top: none;
}
.penci-home-popular-posts:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    display: block;
    background: #313131;
}
}

    Best Regards,

    PenciDesign

  • denizmavisi replied
    October 16, 2019 at 9:16am

    Thank you very much for your support. The last issue was resolved with the latest code.

    Best regards.

    Burak