Feutered image and box

martekihl · Member · Nov 4, 2018 at 2:31 pm
Copy link

Add topic to favorites
Hi

I need help with changing the look of my feutered image and box inside it (home).

I really want the make the box inside the feutered content smaller in widht, i think it hides to much of the image. It would be great if you could help me make small adjustment on the widht of the white box.

I would also love it if I could spice up the look on the image and box as well, is it possible to add a tiny transparent grey border around the image and around the text box, something like this (example): http://eirinkristiansen.no/

Thank you :-)

The blog I need help with is: (visible only to logged in users)
gemmacevans · Member · Nov 5, 2018 at 10:20 am
Copy link
Hi martekihl,

I just wanted to let you know I’m looking into making this change with CSS and I’ll let you know when I’ve made some progress :)
martekihl · Member · Nov 5, 2018 at 11:49 am
Copy link
Hi, yes I recieved an email
(I didnt relly mean to send an amail AND write on the forum, but the chat was closed and when I sent the question it did send as an email..)

Anyway.. I didn’t get the help I wanted.

I need to do the changes I want with CSS, can you help me?
I have seen other get help with CSS on similar issues..

Thank you :-)
martekihl · Member · Nov 5, 2018 at 11:50 am
Copy link
Im sorry, the answer above was to a different topic.

Thank you, let me know :-)
supernovia · Staff · Nov 5, 2018 at 6:37 pm
Copy link
Hi @martekihl, for the transparent outline, try this:
```
.featured-post-content {
    outline-color: rgba(255,255,255,.3);
    outline-width: 10px;
    outline-style: solid;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
}
```
Noting outline is different from border– if you do a transparent border it sits within the box, and is only transparent against the white.
supernovia · Staff · Nov 5, 2018 at 6:41 pm
Copy link
Oh, and to override the previous min-width of 570px:
```
.featured-post-content {
    min-width: 400px;
}
```
Just be sure to double check how it looks on small screens. You might want to change some things if the screen is too small for it to look good.
martekihl · Member · Nov 5, 2018 at 7:06 pm
Copy link
Perfect! Just what i wanted :-)

Is there some CSS code that will make the images slide a bit faster?

Thank you :-)
supernovia · Staff · Nov 5, 2018 at 7:40 pm
Copy link
That’s likely JavaScript, sorry. But for what it’s worth, unless someone’s read your slides as many times as you have, the speed you’ve got is probably just fine.
martekihl · Member · Nov 5, 2018 at 8:46 pm
Copy link
Ok, thats fine :-)
supernovia · Staff · Nov 5, 2018 at 9:04 pm
Copy link
You bet. :)

No items found.