Hey @drachsi,
Yes, def possible. Just needs some CSS.
Have you got a link I could take a look at? If so I can have a look and maybe suggest some CSS.
Ta, Todd
Hi, I created a page with the widget. What I am trying to do is have them all side by side. The last image runs from a script.
Thanks for your quick reply and support.
Regards
Drachsi
Widget
-
This reply was modified 9 years ago by
Drachsi.
Hey
So you’d like images to be next to each other?
If so, what you have is currently styled due to the use of the text widget. You can do what (I think) you want with this;
.turbo_widget img {
float: left;
line-height: 0;
}
.turbo_widget br {
display: none;
}
This makes the images float to the left and also removes the line break added by the <br/>
Let me know how you get on.
Hi, That worked, but I cannot make it fit in the middle of the page. Sample page updated.
Great Support, many thanks
This looks like it’ll do the trick… let me know if it works out.
.widget.turbo_widget {
text-align: center;
}
Hi, Sorry made no change.
Hi,
I tried
.turbo_widget img {
float: left;
line-height: 0;
}
.turbo_widget br {
display: none;
}
.turbo_widget {
text-align: center;
}
and
.turbo_widget img {
float: left;
line-height: 0;
}
.turbo_widget br {
display: none;
}
.widget.turbo_widget {
text-align: center;
}
No change.
Ah right… looks like I missed one.
Could you also add
.turbo_widget .textwidget {
display: inline:block;
}
Hi,
I tried
.turbo_widget img {
float: left;
line-height: 0;
}
.turbo_widget br {
display: none;
}
.widget.turbo_widget {
text-align: center;
}
.turbo_widget .textwidget {
display: inline:block;
}
and
.turbo_widget img {
float: left;
line-height: 0;
}
.turbo_widget br {
display: none;
}
.widget.turbo_widget {
text-align: center;
}
.turbo_widget .textwidget {
display: inline:block;
}
Still the same
I created a new widget, still the same. I then changed float: left; to float: right; and it went to the right, then changed to float: center; and they were in the center, but one on top of each other.
Ah typo, sorry.
inline-block
To help you further, I recommend you look into some CSS references, and/or have a play with the styles available in the browser dev tools.
Hi, that was it. CSS is not my thing, I am old and its too late to learn new tricks. Many thanks for your support, hope this might help others.
Regards
Drachsi
Great news… good luck with the site.
Oh, a nice 5* review would be greatly appreciated 😉
