Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Move plugin Element to the LEFT (aligned) and put text beside it on the right.

Posted on 2011-09-17
3
Medium Priority
?
333 Views
Last Modified: 2012-05-12
Hi!

Looking at stunnazine.com, you can see what I am talking about.

I would like to move the Featured Content Slider to the LEFT and have it aligned with the elements below it. Then I'd like to put some text on the right of the Featured Content Slider (a paragraph with small images) and have that all aligned too.

Does anyone know how to do this? Do I edit in the plugin file: featured-content-gallery/css/jd.gallery.css ?
0
Comment
Question by:VenusBreeze
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 1000 total points
ID: 36555033
Yes, you will edit jd.gallery.css, specifically line 28:

#myGallery, #myGallerySet, #flickrGallery {
  border: 1px solid rgb(255,
    255, 255);
  height: 320px;
  width: 400px;
  z-index: 5;
  margin-left: auto;
}

To move the element to the left, just replace margin-left: auto with add float: left

Then, any text added after the close of the #myGallery div will appear to the right of it.  Style as needed.


0
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 1000 total points
ID: 36556016
change your jd.gallery.css to:
#myGallery, #myGallerySet, #flickrGallery {
    border: 1px solid #FFFFFF;
    float: left;
    height: 320px;
    margin-left: 15px;
    width: 400px;
    z-index: 5;
}

Open in new window

Now add another div with float left attributes which you may use for images like:
.testa{
	float:left;
	margin-left:20px;/*change as your required*/
	width:90px;
}

Open in new window

0
 

Author Closing Comment

by:VenusBreeze
ID: 36564649
It worked! Thanks
0

Featured Post

Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question