Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Help Appreciated :-) Remove frame/shadow around image #261

Closed
GITchristoph opened this issue Nov 14, 2020 · 10 comments
Closed

Help Appreciated :-) Remove frame/shadow around image #261

GITchristoph opened this issue Nov 14, 2020 · 10 comments

Comments

@GITchristoph
Copy link

Dear Viktoria

I have one question. I would be very grateful if you could help me with it, but obviously I know this is not your job.

How could I remove the shadow aorund the images (e.g. on the "About" section).
Please see below.

I found in the Google debug console that I probably have to change something for the "img-responsive avatar", but I have no idea which css I file I should edit. There are so many.

image

@GITchristoph
Copy link
Author

Hi

What I tried to do is to uncomment customCSS and to add the path to it:

image

and then to add into assets/css/custom.css for .img-responsive that box-shadow: none:

image

But this doesn't change anything.

(I have never done this before, I might be on the wrong track...)

@GITchristoph
Copy link
Author

Ok, I sorted it.

I copied and pasted the complete sass files from the template to the custom css folders.

Then it works.

Juhuu!

@victoriadrake
Copy link
Owner

Glad you got it figured out! For the future, one probable reason your custom.css file didn't work is that you'd written with Sass syntax instead of CSS.

@GITchristoph
Copy link
Author

@victoriadrake
Thanks. To be honest I don't know the difference between sass and css.

May I ask out of curisoity how you write this part in css (instead of sass)?
Maybe based on that I can find an even better solution.

.img-responsive
   box-shadow: none  

@victoriadrake
Copy link
Owner

I believe this explanation can help!

@GITchristoph
Copy link
Author

Cool, thank you!

@GITchristoph
Copy link
Author

What's strange is that when I deploy the side with Hugo server -D or with `-b https://test.mysite.com" and upload it to my server, then it does not take the custom css into account and the icon don't show.

It looks perfect when running the server with hugo server -D on my Macbook and accessing with http://localhost:1313

Could you imagine why ?

This might also be the solution for the "issue" that the icons don't show?

@victoriadrake
Copy link
Owner

Is there any console output? Could be a situation similar to #259 ?

@victoriadrake victoriadrake reopened this Nov 14, 2020
@GITchristoph
Copy link
Author

I checked again and the domain is correctly stated in the baseURL

baseURL = "https://test.mysite.com/"

So it shouldn't be connected.

Could it have to do with the icons not showing issue (I opened that a bit earlier today)?

The icons are also not appearing on https://themes.gohugo.io/theme/hugo-theme-introduction/

@victoriadrake
Copy link
Owner

#260

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants