Plugin Author
Leap13
(@leap13)
Hi there,
Please share a page link where I can see the issue so I can have a look and see what is going there.
Hi, in this case a page link would not be relevant. It is not an “issue” I am having, rather a limitation of the widget, which, as mentioned in my last message, could possibly be resolved through CSS and the correct class name. You can try this yourself. There is no center align setting for the background text. I created 2 screenshot where you can visualize why this is necessary for my design. In the first screen shot you can see the way I have set up the Heading style, main heading in the center with the background text below, this is 1920 X 1080. It looks centered, right? Ok, but when you view it on a smaller screen size, in this example of the 2nd screenshot, at 1600 X 900 (still within desktop range), you can see it is shifting over to the side and is no longer centered. So I need the CSS to “force” the background text to always be centered at all various screen sizes. https://postimg.cc/gallery/QWz7QhY
Plugin Author
Leap13
(@leap13)
Try the CSS below:
.premium-title-bg-text::before {
top: 50%;
left: 50%;
transform: translate(-50%,-50%) !important;
}
Thanks very much for the code, but unfortunately it didn’t work, sub heading still aligns to the left. However I found a solution with Essential Addons Dual-Color Heading widget which has dual headings included, which acts as a sub heading feature with center align function. Thanks anyways for trying to help. Cheers
Plugin Author
Leap13
(@leap13)
Hi @planetboris
So sorry to hear that it didn’t work. I would be more than glad to help. Could you please just share a link where I can see the widget after you added the CSS above?
Regards
