Zerif – About us section text alignment not consistent

Hi,

Thank you for reporting us this issue. You are right, we need to improve the layout of this section, and will do so, in a future update.

Regards,
Rodica

“Big Left Side Title” and “Text” aligns as centered during customization, but after saving becomes “Big Left Side Title” aligns left and “Text” aligns right. Please fix this! The above solution didn’t work for me yet!

Hello,

Can you provide a link to your website so that we can take a look?

Best regards,
Alexandra

Sure, my website is: https://www.techninjasgo.com

I took a look and it looks alright to me. You text alignment is set to right. You can change that to justify or left.

Best regards,
Alexandra

Hi there,

just checked on the layout and the issue is still open. Thus changed the flag on the thread.

Marked red in the picture: [IMG]https://i63.tinypic.com/9v8ort.jpg[/IMG]

Cheers

Hello @beerandsuch,

Please explain your issue little more and also share the link of your website, so we can check your issue.

Regards,
Gourav

Hi Gourav

You can test the issue with the following link: https://demo.themeisle.com/zerif-lite/
Version 1.8.3.0 on localhost shows the same result.

How to test?
– load Zerif Lite Frontpage
– minimize your browser e.g. width 320px “mobile phone size” (pr load in mobile phone. The Big Left Side Title does not render as well as on a desktop, thus the font appears larger which makes the issue even more obvious. You may want to check on the rendering on mobiles accordingly)
– scroll to About us section
– Check text alignments:
* Correct: Title center aligned to screen
* Correct: SubTitle center aligned to screen

* Incorrect: Big Left Side Title is centered in itself but misplaced to the left of the center of the screen
* Correct: Aligned left in itself and on the screen. Well, that might be a matter of preference. I would center it on center screen.

Big left side title of center marked in red box: https://i63.tinypic.com/9v8ort.jpg

Again, its most obvious on mobile phones. Thus, you may want to try there.

Cheers

Hello,

Please install Simple Custom CSS plugin and add this code into it:

@media (max-width: 320px){
.about-us .row {
    margin-left: 0;
    margin-right: 0;
}
.col-lg-4.col-md-4.column.zerif-rtl-big-title {
    padding: 0;
}
}

Regards,
Gourav

Hi Gourav

Thanks for the CSS. I have set the max width to 1024 since the problem drags till there.

/*Correction of About Us Section Big Title Layout Start*/
@media (max-width: 1024px){
.about-us .row {
margin-left: 0;
margin-right: 0;
}
.col-lg-4.col-md-4.column.zerif-rtl-big-title {
padding: 0;
}
}
/*Correction of About Us Section Big Title Layout End*/

Thus will this be corrected generally in the theme upcoming versions?

Cheers

Hello,

We marked that as an issue and we are trying to get in fixed on future updates.
Thank you!

Best regards,
Alexandra

I would like to know where I can edit the text in the About Us section to include paragraphs and change the font color to white?

Also, I’m not having any luck increasing the logo size, even after adding the following CSS:

.navbar-header.responsive-logo {
text-align: left;
width: 100%;
}

a.navbar-brand {
margin: auto;
float: none;
}
.navbar-brand > img {
max-height: 150px;
max-width: 150px
}

Please help!

Thanks,

Sharon

Hello @sharonmarshall,

Unfortunately the theme doesn’t support this customization and as much as I would love to help with some custom code, this is beyond the support offered for the free products, which consist in bug fixing and theme documentation.

Regards,
Gourav