Okay
  Public Ticket #1178721
Oreades Theme – Portfolio > wrong alignment and position of text
Closed

Comments

  • Wiebke started the conversation
    May 21, 2017 at 7:13pm

    Hi,

    I´ve a problem with alignment and position of text on portfolio overview.

    First, when the title have more then one line, the title switch from left alignment to center. But the line of category below stays on the left side. That doesn´t look good.

    The next problem is, when the title has more then one line, the line of category below goes into the title. Both lines are one on top of the other (Please have a look to attachment). Please, tell me, how to solve the problem.

    Thank you for answering!


    Wiebke


  •  2,010
    Ocean replied
    May 22, 2017 at 3:33am

    Hi,

    You can add css code here http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737

    @media only screen and (max-width: 767px) {
.portfolio-box-1 h6{
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 23px;
}
.portfolio-box-1 p{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 12px;
}
}

    Thank you

  • Wiebke replied
    May 22, 2017 at 10:10am

    Hi,

    thank you for quick response.

    The code works fine for mobile version. But on desktop the problem still exists (see attachment).

    Could you also solve the problem for desktop version?

    Many thanx!

    Wiebke

  •  2,010
    Ocean replied
    May 23, 2017 at 2:56am

    Hello,

    You can add css code here http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737

    @media only screen and (min-width: 768px) {
.portfolio-box-1 h6{
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 20px;
}
.portfolio-box-1 p{
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 10px;
}
}

    Thank you

  • Wiebke replied
    May 23, 2017 at 6:43am

    Hi and thank you for quick response.

    I think the code didn´t solve the real problem. Now, I have a overlapping text on mobil version again (see atachment). Furthermore the font size of desktop version looks to small now. We have to find a way to set a longer title – may be with two or three lines – to left side without overlapping category.

    I hope you can help me.

    Thank you.

  •  2,010
    Ocean replied
    May 24, 2017 at 3:46am

    Okay, send me your admin account and the link to your site (private reply when post your wp admin account)

  •   Wiebke replied privately
  •  2,010
    Ocean replied
    May 25, 2017 at 5:07am

    I have add css code for you in Backend -> Oreades Options -> Styling Options -> Css Code:

    @media only screen and (min-width: 768px) {
.portfolio-box-1 h6{
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 20px;
}
.portfolio-box-1 p{
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 10px;
}
}
@media only screen and (max-width: 767px) {
    .portfolio-box-1 h6{
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 23px;
    }
    .portfolio-box-1 p{
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 12px;
    }
}

    You can custom css code for your website.

    Thank you

  • Wiebke replied
    May 26, 2017 at 6:29am

    Thank you for answering.

    But I still thinking, that the code doesnt´s solve the real problem. When you have a title composed of six long words the text will overlapping again. And so reducing of font size only helps when you have short titles.

    Now I´ve customized the code and it works. But I had to prune the text before. Because small title looked bad. But what can I do, if the title of next portfolio items will be longer? Then I have the same problem again…

    Kind regards

  •  2,010
    Ocean replied
    May 26, 2017 at 10:34am

    Hello,

    I'll try find other solution and update in next version.

    Thank you