A
agorareJun 10, 2020
HI, am looking for an example to create text over image, over a color box background.
Something like this
https://nef-nef.gr/gr/Index.aspx
text over image (over color background)
9 replies·opened Jun 10, 2020
A
agorareJun 10, 2020
208849d8-4668-4601-86aa-574475d4e522 - 3 Dec 2019 REGULAR LICENSE
c27d936f-70ad-4a7f-bff6-632951b7036f - 3 Dec 2019 REGULAR LICENSE
S
SemiColonWebSTAFFJun 10, 2020
Hello,
Exact Examples for this is currently not included, however, it is definitely possible. You can consider using the Item Overlay: http://themes.semicolonweb.com/html/canvas/item-overlays.html Element and customize the Content Style according to your needs. Documentation: http://docs.semicolonweb.com/docs/shortcodes/item-overlays/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
A
agorareJun 11, 2020
am stuck. please can you help me, with an example?
A
agorareJun 11, 2020
In my solution, i cant have RGBA to properly work. Any idea why?
.papapa {
background-color: rgba(205, 201, 193, 0.55)
color: white;
padding: 20px;
}
S
SemiColonWebSTAFFJun 11, 2020
Hello,
You can consider using something like this:
<div class="bg-overlay">
	<div class="bg-overlay-content">
		<div class="h3 bg-dark dark op-08 px-4 py-3 text-center">Title Text</div>
	</div>
</div>Please provide us with a Live URL so that we can check out your Codes and provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
PS. We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out with Custom Codes.
A
agorareJun 11, 2020
Hi, here it is:
https://sbhome.gr/AAA_TEST/item-overlays.html
may i ask, how i control the size of the Box (that contain the color & text?
S
SemiColonWebSTAFFJun 11, 2020
Hello,
You will need to Add Padding to the Box using Inline CSS. Ex: style="padding: 2rem;"
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
A
agorareJun 11, 2020
i think its done.
thanks for your help.
S
SemiColonWebSTAFFJun 11, 2020
Hello,
Glad that your issues were resolved. Thanks for your Patience.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard