Some minor display issues | PenciDesign Support

denizmavisi replied

6 years ago

Customer Reply

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

Best regards.

Burak

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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.

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

denizmavisi started the conversation

6 years ago

Conversation Start

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