Solved

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

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

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
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…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

708 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now