Jump to content

Using SVG Flags Plugin, but does not show inline anymore


141080

Recommended Posts

Hi, on my website 141080. com I use a plugin called "SVG Flags". 

All of a sudden, the flags were not displayed inline anymore. It does not look nice. 
The support said, I should "just" use some css code to display the flags inline again. 

For example: there should be the flag of Germany and the word "Deutschland" right behind it, not in the next row.

When you got to my website, you can find the flags in the sidebar.

Thanks for your help :)

Dennis

Screenshot 2020-01-09 at 22.19.14.png

Link to comment
Share on other sites

The flags are wrapped in <div> tags, so they're blocks and force adjacent content to the next line.

It's easy to fix. All of these divs have a class "svg-flag", so you can just display them as inline blocks. You can add vertical-align to better align them with the text.

.svg-flag {
  display: inline-block;
  vertical-align: middle;
}

 

  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...