Integrity 4 demo (HELP)

[pixelscientist]

Hi,

I’m using the integrity 4 theme on the website that I’m currently developing and I want to ask how to do the following items. Please refer to the images below.

1. How can I align the navbar links? Now it is centered aligned, I want it to left align.
2. How can I adjust the width of the page and its content (white area with text)?
3. I’m have added a background image directly to the page (not cornerstone). On desktop and tablet looks fairly fine. But on the mobile the image shows the middle part only which does not look good. How can I make it show the right side or left side of the background instead of the center for mobile?
4. On the white area, how can I adjust the transparency?

Summary

Here is the domain: italiandental.center
username: IDC-Admin
password: D00lbtsr1F

Looking forward to your reply. Thank you.

Regards,
Ian

[christian]

Hey Ian,

1. You will need to add this custom CSS in Theme Options > CSS.

.x-navbar-fixed-left .desktop .x-nav>li>a {
    text-align: left !important;
}

2. Go to Theme Options > Layout and Design and adjust the Site Width

3. To push it to the left, you will need to add this custom CSS.

.backstretch img {
    left: 0 !important;
}

4. Try adding this custom CSS

.x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
    background-color: rgba(255,255,255,0.5);
}

Hope that helps.

[pixelscientist]

Hi thanks for these. 1-3 worked except for #4. the white background did not became transparent.

[thai]

Hi There,

For #4, please try with this custom CSS instead:

.page .entry-wrap {
    background: rgba(255, 255, 255, 0.5);
}

Hope it helps