Hey,
Try adding this to your custom css box in Theme Options > Advanced Settings:
.topclass .kad_img_upload_widget, .topbar-widget .virtue_social_widget a {
margin-right: 15px;
}
Does that work for you?
Hannah
Thank you for your quick answer, Hannah. If I use that code and add more space, the top bar shrinks. Is there a way to place the image and the social widget on the right and leave the logo on the left?
Thank you!!!
Try this CSS and let me know if it works for you:
.kad-topbar-right {
width: 100%;
}
.virtue_social_widget {
width: 100%;
}
-Kevin
It worked perfectly! Thank you!. Is there a way to make the top bar bigger?
Try this:
div#topbar-search {
height: 100px;
}
-Kevin
To make the widgets larger, you can decrease the width property in this CSS:
.virtue_social_widget {
width: 100%;
}
-Kevin
Thank you a LOT, Kevin!!!
Hi again!
I removed the social icon from my website top bar and now when I use the code you gave me, one image gets larger and the other one smaller, how can I fix this?, can I use a code for each one of the image widgets?
Thank you!
Hey,
Which images do you mean? Can you send a screenshot? https://postimages.org/
Hannah
Hi Hannah,
This images, they are located at the top bar as Virtue image widgets. https://postimg.cc/QVjy7ByW
Thank you!
Rather than setup your header this way, I suggest a different approach.
Since you’re using elementor on your site, you an use this plugin to setup your header using elementor and have far more customization without relying on CSS:
https://wordpress.org/plugins/header-footer-elementor/
Does that work for you?
-Kevin
