Slider image and text

i am looking to make a slider with  a picture with text next to it.
i have noticed the slider editor is very basic. (no font or layout etc)
if i do use the text and editor it does not fill the width of the slider? where would i fix this?

also what is the best way to edit and use the slider to achieve the above
i notice i need to use a slider image? maybe a white blank image?

thanks

LiteCart does not come with a slider editor. What you see is a manager for uploading readymade slides.
I recommend editing them using an industry software like Affinity Designer or alternatives https://alternativeto.net/software/affinity-designer/.

It is possible to upload a transparent image and add to captions but if you are going this way it might just be easier to edit box_slides.inc.php and insert custom html.

The above solution (from Tim) is the best solution.
I shortcut in this way:
picture in background and, in the code of the slider editor I add:

section {
  font-size:5vw;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

  Coffee Supplies for Restaurants

In this way I have a text that follow the size of the screen, and that is bordered so can be read with any background color as the pictures usually has several color
https://coffeewhim.com

thanks, sorry i was meaning "Caption" box
the caption does not  stretch to the full size of the slider frame

i am just looking for a picture with text to the side of it, but the slider image will take the whole space but not the caption .

vilaiporn:
that code does not work it breaks the whole page with the inserted in the text/code for  "Caption" ?

thanks

Strange (see attachment)

for me, the code is affecting most of the text on the page not just the slider?
all the text is huge

i also dont see any text in your demo?

https://coffeewhim.com/
Maybe you have to change to another terminology as if you have other "section" in your page, all will be affected.
I attached the image of the home page, you cannot see the wording?

the text on your slider is also in the middle and not using the full length of the slide?

i am also trying to put a picture beside the image not behind it.

thanks

Hello,
upload a white image as background, let's say 1240x750 pixel (or the size you like),
Then in the code (of course modify it as you like):

.double {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
.flex-item-left-double {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 50%;
}
.flex-item-right-double {
  background-color: dodgerblue;
  padding: 10px;
  flex: 50%;
}
/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .double {
    flex-direction: column;
  }
}

  1
  2222 2222 2222 2222 2222 2222 2222

The code is from https://www.w3schools.com/css/css3_flexbox_responsive.asp and it has been modified and need to be modified again to fit your needs but I think is better to create an edited image

thanks that seems to work, but the same issue?? the table or content does not span the whole slide area. only about 70% - 1240x

i think its fixed by?

@media screen and (min-width: 768px) {
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;

now the next problem is the fitting the content in the slide top to bottom
to keep the content constrained in the slider height

I think I have to try it and give you the fix. I will post it tomorrow.

Hello,
I don't have that problem, can you send me the full code that you applied? And also the image (background and in front).
I will give it a try

which problem?

The one you said: "fitting the content in the slide top to bottom
to keep the content constrained in the slider height" or is solved?

hi, 
so if you add alot more text and an image in the "Caption" for the slider, it will all stay constrained in your slide height and width? thanks

seem to not fit inside.

I think must play with CSS.
If you want I can do it for you.
Or, following the previous advice, creating a slide as image.
Let me know.

i already have been using a slide as image\text

i was hoping to making it easier to update text. but seems not. to hard to fit all cleanly

thanks

Your caption supports HTML so you can just inline style your captions using the style="" attribute.

Hello world