WuTangForever

@tuanphan Any ideas for this? I appreciate you

14 hours ago, tuanphan said:

The url in your screenshot is url in your pc folder file, not image url internet.

See how to upload image & get image url.

Ahh, that makes sense! Thank you for your help again. You're the best!

On 1/7/2022 at 10:15 PM, tuanphan said:

See how to upload image & get image url.

When you have url, add a Code Block >> use this code

<img src="/s/mountain.png" width="50%" />

 

Here is what I get when I use the code. I first open the photo with Chrome so I can get the whole file path but it will not show the photo I am trying to display

7 hours ago, tuanphan said:

So what exactly do you want the left side to show?

On the image I have attached here, the bottom half of that section has a dark opacity on it (marked with the arrows), I would like to mimic that exactly.

So, essentially, I really just want to add some opacity to ~30% of the section

On 1/7/2022 at 10:00 PM, tuanphan said:

Try change to 

background-color: rgb(255, 0, 0, 0.5) !important;

Unfortunately, it just turns it red 😞 

On 1/7/2022 at 10:15 PM, tuanphan said:

See how to upload image & get image url.

When you have url, add a Code Block >> use this code

<img src="/s/mountain.png" width="50%" />

 

Thanks for the reply, you're really awesome for helping so much!

I will give this a shot tomorrow when I am back on my work computer. That is the code I was trying, minus the "width" part, and I could not get anything to work. I will report back here when I try it tomorrow.

Thanks again

Site URL: https://defendingabuse.com

Hey guys. I am trying to add images to my site via html using the <img> tag.

I cannot for the life of me get it to work. Any image URL I try does not work. I have tried uploading to Imgur and using that link, still nothing. 

Can someone explain how I get the proper img url and how to get the images to show up?

Thank you!

2 hours ago, tuanphan said:

Try this code

section[data-section-id="618a8d101b196313d7d86ae0"] {
 .section-background {
    margin-left: 50%;
    position: absolute;
  }
  & {
      background-color: rgb(255, 0, 0, 0.5) !important;
  }
}

 

Thank you for the reply!! I assumed you meant rgba so that's what I added, and this is what it gave me:

Any idea how to make it transparent and not gray?

Thank you for your help again!

Site URL: https://defendingabuse.com/

I apologize if the title is confusing, I'm not sure how else to word it. 

I am trying to create a half background with an opacity of ~.5  to insert some text into. I need the background to go in front of the background photo that I have, obviously.

I have provided an example of exactly what I am talking about below. I use CSS background properties relatively often but I am still a noob and every time I have tried it will not work.  

The photo below is my site with what I have so far. I made it red so its easy. Here is the current code:

section[data-section-id="618a8d101b196313d7d86ae0"]{
  .section-background{
    background-color: red;
    padding-left: 50%;
  }
}

When I try and add opacity, it affects the entire section. I only want it to affect the red half!

Please help!

Thank you, that worked.

Yeah, I am not sure why but on certain elements, like the floating sections, I have to add a border in order to round it. Normal "border-radius" does nothing for them, even if I put a !important after the desired radius. 

I think I must have done something in the earlier CSS when I made them float that is affecting it.

Anyway, thank you again I appreciate your response!!

Site URL: https://defendingabuse.com/our-team/shannon-smith

Hey, all! 

Let me pre-face this with letting you guys know I am pretty new to CSS still.

I have added some custom CSS to make certain sections appear to "float" over other sections - as you can see in the photo below. I tried to round off the edges of that section but it wasn't working, so I added a 10px border to it and rounded off the border to get the same effect.

The problem is, as you can see, there is a very thin white line that goes around the section in between the section edge and the border I added and I cannot figure out how to get rid of it.

It's kind of hard to see in the attached photo but feel free to visit the link and scroll down a little and you'll see what I mean.

Any input is really appreciated.

Thank you

You're awesome, thank you so much!

Site URL: https://defendingabuse.com/our-team/shannon-smith

Hey guys, I implemented some CSS drop shadows to photos and videos on my site. For some reason, on mobile only, there is additional space behind the photo that the shadow applies to and it looks bad.

Check out the photos I attached, you can see the space above her picture. Again, this ONLY happens on mobile, desktop is fine. I am relatively new to html/css.

I have adjusted margins and padding to no prevail. Any idea how to fix it?

Thank you!