Solved

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

Posted on 2011-09-17
3
322 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 250 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 250 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

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

734 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