Joomla article layout - joomla

I am a beginner of Joomla. Now I simply want to align the image in a article to right of the text.
I did select "right" in the align drop down option when I insert the image, it looks fine in the editor - the image is in the right, but it still goes to left in the real site. Any ideas?

Check you article in HTML edit mode in the editor and make sure your image and text sit inside the same tag. They usually don't and thats why its not looking right. This works most of the time for me.

Related

Change background color of transparent PNG images uploaded to blogger

I have a blog hosted by Blogger with a custom template: http://www.drugchannels.net/
Images uploaded to the blog are hosted at X.bp.blogspot.com (where X is a number). Examples:
https://1.bp.blogspot.com/-Jwy2VQYRIEA/WqmwvsA07WI/AAAAAAAATA4/jWVcEts1h1Y4IXM0hD0njUhSmQ2AZPnxQCLcBGAs/s1600/Specialty_vs_Retail-2014_vs_2017.png
https://4.bp.blogspot.com/-O4S9ps4u67k/Wk0yhTEuV-I/AAAAAAAASUE/5tPedr-p7_4kedNYU4RY711l6K3maokiQCLcBGAs/s1600/DCI-Copay_Accumulator-03Jan2018-CORRECTED.png
I want to have a white background when the image is clicked. (The images look fine on the site itself. This is not a problem with the blog's background, which is set to be solid white.)
Using the Inspect option in Chrome, I see the following information
The body formatting (background: #0e0e0e;) does NOT appear anywhere on my blog or in my template.
How can I fix?
Thank you!
P.S. I have 10 years of legacy posts with images, so I need a global solution that changes the background to white for all images posted to the blog.
Wrap the image in a div and set the background color of that div with css. That should work
.divclass:active {
background:#FFFFFF
}
If you are opening the images in a new tab or window then your only option is changing the background of the images yourself with a photo editor. If you're just trying to give the user a full size view of an image when they click it you could use javascript/jquery and have a full size div with a background and an image pop up in full screen without sending them to the linked image. Theres probably quite a few jquery plugins that will do this with minimal coding knowledge, just google it.
Thanks, Riley.
I can't go back and edit hundreds of images, so the photo editor option won't work.
But based on your suggestion, I used the following solution:
1) Enabled "Showcase Images with Lightbox" on blogger
2) Added CSS from this page (http://www.howbloggerz.com/2016/05/how-to-customize-blogger-lightbox.html) with no background image and background color set ot white (#ffffff).
Downside is that charts/images now pop up on same page rather than opening in a new tab.
Thank you!

Add thumbnails to product description area of Magento that show in Main image box when clicked

I would like to add thumbnails to my product description area in Magento that when clicked show as a large size in the main image box. The same as what is happening on this page with the different colour options: http://www.weddingstar.com.au/product/love-bird-damask-nut-free-gourmet-milk-chocolate-bar
Any ideas on how to do this would be appreciated. Thanks!
you could take the elements of media.phtml and put it in the description.phtml file. There is a better way to do it but thats a quick and relatively easy way to get it done and polish later. hopefully thats a nudge in the right direction.

Jquery Slideshow Plugin: Galleria - change caption style in classic theme

I'm loving the galleria jquery plugin, but I'm not liking the way captions show up in the classic theme. I'm looking to move the placement of the info button to the bottom and display the captions at the bottom. I think this is within the css file, but honestly I'm a newb.This http://galleria.io/themes/classic/ is how it looks
I want more of a feel like tn3gallery.com or ad-galler
I'm thinking that I'll need to edit the css, but if someone with some knowledge could point me in the right directions, I'd be appreciative!
Thanks
Edited the .galleria-info position and added opacity to it to properly place this
this seems like the long way around as I must actually state the absolute position in regards to the wrapper as to where I want it to sit, but it works for now. Still looking for a cleaner way to do this though.

Jquery Image Gallery with Vertical thumbnail Navigation?

I am looking for a Jquery image gallery which have vertical thumbnail like at the following page.
http://realtyexecutivesofnewyork.com/product_detail.php?ml_num=2275875.
Can anybody point out me to something similar jquery solution.
In my opinion, jCarousel is by far the best plugin for this sort of thing, this is what you want
If you need a hand setting it up, just shout.
The site you are referring uses, a vertical menu scroll plugin
perhaps this one.
and the code is somewhat like this
$('.myMenu').scrollIt({
scrollDuration : 250,
scrollItwrapper : 'myMenuScroll'
});
});
And on clicking that link, it just changes the src attribute of img element, and loads the image (No wonder if your internet connection is slow, you will see that image take a lot to load).
You will find more better at here.

disable text selection in gwt

i am pretty new to GWT,
i have an image that i have placed a text on top, i need the text to look as part of the image.
i have used the image widget and the HTML widget to position it on top of it, i need this text to change according the locale.
the problem that the text is selectable, so it does not look right.
1) is there any way to make the text un-selectable?
2) is there a better way to achieve that?
thanks
This is handled by the user-select attribute.
See: http://www.tek-tips.com/viewthread.cfm?qid=1184318&page=1

Resources