If you'd like to add an image next to the logo in your Divi Theme, you can do so with the following CSS:
.logo_container a:after {
display: inline-block;
position: relative;
vertical-align: middle;
content: ' ';
width: 93px;
height: 43px;
background: url('/path/to/your/image.png');
left: 10px;
}You'll need to adjust the width, height, and URL to that of your image. The value of the "left:" property determines the space between the logo and your added image.
Related Post: Adding CSS to the Divi Theme
Hi,
is there any way to add 2 images inline next to the logo?
thanks
A simple way that might work for you is to use the code above to add one image, and then the following code to add the second:
.logo_container a:before { display: inline-block; position: relative; vertical-align: middle; content: ' '; width: 93px; height: 43px; background: url('/path/to/your/image.png'); left: 400px; }It sets an image "before" the logo, but then uses a large "left" value (i.e. 400px) to move the image into position on the right of the logo, next to the first image. You'll probably need to increase / decrease the 400px to get the image to the correct position for you site.
It's a bit simplistic, in that it assumes a fixed size for the logo, which may not always be the case. If it doesn't do what you need, please let me know. Thanks!