So we purchased the Dentalia template. After installing the demo we noticed that it did not come with the images, which is understandable. The problem I'm having is how to get the image to behave like on the demo's homepage of the blonde woman smiling, next to the purple area by "Happy Healthy Smiles!".
It looks like it's using '@Orion Empty Space' for adding an area with a tileable pattern background in that section. When opening that Widget, I see "Space height in pixels" as well as the right side tab named "Design". I added my image under "Background image", which populated the area. The problem is I would like my image to completely take up that area, instead of my image getting cropped and showing the tileable background. I'm assuming that "Background Image Display" is where I need to set that up, but the majority of the ones I've tried wont create the same result as the demo.
What do I need to select to have it fill that area entirely and then enlarge the image when the browser is increased? Do I need to play around with "Space Height In Pixels" slider? Also do I need a certain size image to make the back and forth testing easier?
The image is added as a background image as you describe. Background images can be added on the row, cell and widgets. On the demo it is not placed on the widget, it is placed on the Cell.
To edit the Cell background, click on the cell on the edit row screen. On the right side, all the options for this cell will appear:
So we purchased the Dentalia template. After installing the demo we noticed that it did not come with the images, which is understandable. The problem I'm having is how to get the image to behave like on the demo's homepage of the blonde woman smiling, next to the purple area by "Happy Healthy Smiles!".
It looks like it's using '@Orion Empty Space' for adding an area with a tileable pattern background in that section. When opening that Widget, I see "Space height in pixels" as well as the right side tab named "Design". I added my image under "Background image", which populated the area. The problem is I would like my image to completely take up that area, instead of my image getting cropped and showing the tileable background. I'm assuming that "Background Image Display" is where I need to set that up, but the majority of the ones I've tried wont create the same result as the demo.
What do I need to select to have it fill that area entirely and then enlarge the image when the browser is increased? Do I need to play around with "Space Height In Pixels" slider? Also do I need a certain size image to make the back and forth testing easier?
Any advice would be great. Thanks!
Hi,
The image is added as a background image as you describe. Background images can be added on the row, cell and widgets. On the demo it is not placed on the widget, it is placed on the Cell.
To edit the Cell background, click on the cell on the edit row screen. On the right side, all the options for this cell will appear:
Let me know if this helps to resolve the issue.
Kind regards,
Andrej
OrionThemes
That's what I was looking for. Thanks!