Text displaced

Hi there, the base.css (bootstrap) contains this CSS:

blockquote, body, 
center, cite, code, 
dd, del, dfn, div, dl, 
dt, em, fieldset, font, 
form, h1, h2, h3, h4, h5, 
h6, html, i, iframe, img, 
ins, kbd, label, legend, li, 
object, ol, p, pre, q, s, samp, 
small, span, strike, strong, sub, 
sup, tt, u, ul, var {
    vertical-align: middle !important;
}

Problem looks to be the result of it including the span

Can I edit this within wordpress ?

You can from the Appearance > Editor and select CSS > base.css
If the bootstrap is being added by a plugin just be mindful that updates will overwrite that change.

So what is the best solution to edit this, in your opinion?

The code is coming from Widget Kit for Elementor. How much do you need that plugin? Looking at the base.css there is already some commented out content and looking at the code coverage is less than 5% (that is 95% of it's not being used).

We could look at enqueing another style sheet to load after it - but it seems a bit daft to add more code if its not necessary.

Thanks for your wizardry. I uninstalled widgetkit and used a different plugin. Works like a charm now.

Awesome! Glad to be of help.