I'm wrapping up my site and I have a few pesky details I need to fix...
-When I view my site on the mobile version the logo widget in my header becomes extremely small. I've tried changing it to a "photo" widget that links to my main page and that seems to have helped but its still very small. How should I go about fixing this?
-It also seems that the color of my "buttons" won't change when I change them in elementor. You can see in the screenshot I have the text color set to white, but it remains black.
-Is there a way to show the nav menu in my header as 3 rectangle that look like the button widgets? As in the separate solid colored rectangles. Or do I need to make them 3 separate buttons with the button widgets? When I've tried using the button widgets instead, it doesn't seem that I can arrange 3 horizontally in the same row unless I do 3 columns. You can see in the third screen shot they remain a certain color when I hover over them with a mouse despite setting it to a different color.
I've decided on a different solution to the navigation menu questions, so please disregard my questions on it. Still looking to fix the logo size in the header, hover colors, and ability to edit the shop.
1) We've removed you that section, where you were displaying the logo and added you a, created you a new one and removed all the values at the padding and margin of the section and now it's alright you can customize the size of the logo.
2) You can have three buttons in one column if you set their position to inline, and then go to column settings and set the horizontal alignment to the center. We've created a sample for you, also we've added you the following code to Advanced > Custom CSS field to change the color on hover of buttons.
I'm also wondering about the other buttons on the site. Seems like I'm not about to change the text color, but maybe I'm looking in the wrong place? Attached a screenshot where I set if to #ffffff but it still shows as black on the send button.
I'm wrapping up my site and I have a few pesky details I need to fix...
-When I view my site on the mobile version the logo widget in my header becomes extremely small. I've tried changing it to a "photo" widget that links to my main page and that seems to have helped but its still very small. How should I go about fixing this?
-It also seems that the color of my "buttons" won't change when I change them in elementor. You can see in the screenshot I have the text color set to white, but it remains black.
-Is there a way to show the nav menu in my header as 3 rectangle that look like the button widgets? As in the separate solid colored rectangles. Or do I need to make them 3 separate buttons with the button widgets? When I've tried using the button widgets instead, it doesn't seem that I can arrange 3 horizontally in the same row unless I do 3 columns. You can see in the third screen shot they remain a certain color when I hover over them with a mouse despite setting it to a different color.
Thank you
One detail that I forgot is that I don't seem to be able to open my shop in elementor. How could I go about fixing that?
I've decided on a different solution to the navigation menu questions, so please disregard my questions on it. Still looking to fix the logo size in the header, hover colors, and ability to edit the shop.
Hi,
Can you please provide me with your WP-admin, I will have a quick look to see what's going on.
And you can't edit a page if you have assigned it as Shop Page in Woocommerce.
Feel free to ask for anything you need.
Kind Regards
UN: chelsea
Hi Chelsealong,
1) We've removed you that section, where you were displaying the logo and added you a, created you a new one and removed all the values at the padding and margin of the section and now it's alright you can customize the size of the logo.
2) You can have three buttons in one column if you set their position to inline, and then go to column settings and set the horizontal alignment to the center. We've created a sample for you, also we've added you the following code to Advanced > Custom CSS field to change the color on hover of buttons.
selector .elementor-button-link:hover { color:#FFF !important; }- https://prnt.sc/vduezw
- https://prnt.sc/vdug8m
- https://prnt.sc/vduk4q
Feel free to ask for anything you need.
Kind Regards
Thank you very much!! What a huge help.
I'm also wondering about the other buttons on the site. Seems like I'm not about to change the text color, but maybe I'm looking in the wrong place? Attached a screenshot where I set if to #ffffff but it still shows as black on the send button.
Hi,
Can you please tell us in which page do you have that form so we will check what's going on with it.
Feel free to ask for anything you need.
Kind Regards
http://longstemstudio.com/wp-admin/post.php?post=37&action=elementor#
It's on the about page
Apologies, the contact page, not the about page
Hi Chelsealong,
Please add the following code to Appearance > Customize > Additional CSS.
.elementor-form .e-form__buttons button span { color: #FFF !important }Feel free to ask for anything you need.
Kind Regards
Great! Problem solved. Thank you
You are welcome anytime, feel free to ask for anything you need
If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes