By OnthegOinOz on

Hi,

I am trying to style in css a View field in Panel Fields (show). When I inspect it in firebug I get the following... I want the image which in the 'panel-col-last' to have a padding at the top of 20px.

Could someone please guide me to the css required?

<div class="views-row views-row-1 views-row-odd views-row-first">
<div class="panel-display panel-2col clearfix">
<div class="panel-panel panel-col-first">
<div class="panel-panel panel-col-last">
<div class="inside">
<div class="views-field views-field-field-image-file">
<div class="field-content">
<img alt="" src="[image source]/80x100-Drill-%282%29_web.jpg" typeof="foaf:Image">

Thanks in advance!!

⋅ Categories: Drupal 7.x

Comments

OnthegOinOz’s picture

OnthegOinOz commented

bump!

OnthegOinOz’s picture

OnthegOinOz commented

bump!

Anks’s picture

Anks commented

Hi cameron

You can apply your desire style by css.
For your point of view you have to take
[1] Panel id as a parent then
[2] Panel col class
[3] View class
[4] view's field class( in your case views-field-field-image-file)
[5] img(tag)

and apply padding top over there..

Ankit Hinglajia

OnthegOinOz’s picture

OnthegOinOz commented

Hi Ankit,

Thanks for your response and guide... I may be a little slow but could you perhaps give an actual example of the css code required.. also where do find the panel ID... is this 'views-field', the view class? i.e. 

.[panel id] .panel-panel panel-col-last .views-field .views-field-field-image-file {
      padding-top: 20px;
}

Thanks in advance

OnthegOinOz’s picture

OnthegOinOz commented

bump!

OnthegOinOz’s picture

OnthegOinOz commented

bump!

OnthegOinOz’s picture

OnthegOinOz commented

Does anyone know how to do this??

thanks

OnthegOinOz’s picture

OnthegOinOz commented

little more research found this helpful link... all fixed now

http://views-help.doc.logrus.com/help/views/theme-css