Steve Posted October 22, 2018 Share Posted October 22, 2018 Hey, I'd like to reduce the area of the link from my logo, how can I achieve that? I already changed the size of the logo in global.css. This is the code that I changed for the logo size: .img-responsive { display: block; max-width: 100%; height: auto; width: 150px; } The rest of global.css is just the default code. Thanks! Link to comment Share on other sites More sharing options...
0 wakabayashi Posted October 22, 2018 Share Posted October 22, 2018 I think you should add a link to your website and maybe show with a screenshot, what you want to achieve... Link to comment Share on other sites More sharing options...
0 Steve Posted October 22, 2018 Author Share Posted October 22, 2018 As you can see here: Image Deleted When you hover around the black dots, you can already click on the logo and go back to the home page. I'd like to have it like this: Image Deleted So that you HAVE to hover over the logo to click the link. Thanks! Link to comment Share on other sites More sharing options...
0 wakabayashi Posted October 22, 2018 Share Posted October 22, 2018 Well you could add something like to global.css ``` shop-logo a { display: inline-block;} ``` If you still want the logo to be centered you should add as well: ``` shop-logo {text-align: center;} ``` Link to comment Share on other sites More sharing options...
0 Steve Posted October 22, 2018 Author Share Posted October 22, 2018 That did it, thank you very much! One more question, how can I change this topic to solved? Link to comment Share on other sites More sharing options...
0 wakabayashi Posted October 22, 2018 Share Posted October 22, 2018 @Steve You are welcome. There is a grey button "Topic Tools", where I can select it. But I am not sure, if you can too. Lately some guys said, they don't see it. So I just did it for you. Link to comment Share on other sites More sharing options...
Question
Steve
Hey,
I'd like to reduce the area of the link from my logo, how can I achieve that?
I already changed the size of the logo in global.css. This is the code that I changed for the logo size:
.img-responsive { display: block; max-width: 100%; height: auto; width: 150px; }
The rest of global.css is just the default code.
Thanks!
Link to comment
Share on other sites
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now