CSS PurPose Theme

realsimpleway · Member · Nov 28, 2017 at 4:23 am
Copy link

Add topic to favorites
Hey there, can you guys help me please?

If you could please help me by making the site heading transparent, on mobile?

Can you also help me with making the headings on pages (With the Featured Images ONLY) aligned to the left, and the ones without the featured images, can stay the same.

Thanks,
Jamie

The blog I need help with is: (visible only to logged in users)
supernovia · Staff · Nov 28, 2017 at 5:00 am
Copy link
Hi, can you clarify this?

If you could please help me by making the site heading transparent, on mobile?

And for this second part, do you still mean on mobile only?

Can you also help me with making the headings on pages (With the Featured Images ONLY) aligned to the left, and the ones without the featured images, can stay the same.
realsimpleway · Member · Nov 28, 2017 at 5:08 am
Copy link
1) When i mean by that, is to make it transparent (No Color Background).

2) yes I would love that on Mobile and Desktop + Tablet (All devices)
kristarella · Member · Nov 28, 2017 at 5:17 am
Copy link
Hey there,

The short answer for the first question is: maybe. The way the mobile header is set up, it does not have the featured image behind it like the desktop does, so when transparent, it is just on top of a white background anyway.

I’ve been trying to position it over the featured image, but it’s finicky.

You can try this:
```
@media handheld, only screen and (max-width: 1024px) {
  #header.header-large, #header.header-small {
    background: transparent;
    position: absolute;
  }
  .featured-pages .row:first-child .holder {
    padding-top: 60px;
  }
}
```
It works for the home page and pricing page, please check all your pages to see if it’s okay.

You would replace the CSS you already have at line 89 in the CSS section of your Customizer with this.

For the headlines without featured images you can use this:
```
.no-thumb .headline {
    text-align: left;
}
```
realsimpleway · Member · Nov 28, 2017 at 5:32 am
Copy link
Thank you. It doesn’t work (For the transparent) unfortunately.

And in regards to the titles. Can you only make this in effect for the titles on featured images other than the home page.

And if I am not asking too much, can you lastly please help me by changing the way my homepage it. So, as you see the How-to’s, recipes… below the featured images. I wanted those posts in between the 2nd and 3rd featured images, since we would love to see that a lot.

Thanks,
Jamie

And I appreciate the Happiness Engineers helping me :)
kokkieh · Staff · Dec 5, 2017 at 8:37 am
Copy link
Hi there,

As you’ve had several live chat and email interactions with us since replying here, and have made several changes to your site’s CSS since, I’m closing this thread to new replies :)

No items found.