By engin on

Hello, I am using bartik theme at the front page (you see two image not on the same line. I want two different cck image (that 2 tiny image write "yota" on them) be on the same row but the second one is always on the second line. I added style="float:left" on the chrome client inspect element pane to the div containing image. It caused them on the same row temporarily.

But when I tried adding "float:left" to the field's class on the bartik theme's style.css file to make it permanent like in the above example it didn't work.

.field-name-field-yota-oncesi-resim {
  float: left;
}

What should I do?

⋅ Categories: Drupal 7.x

Comments

engin’s picture

engin commented

I solved the problem by making "trial and error" on long class names at last I accessed the class name.
----------------------------

class="field field-name-field-yota-oncesi-resim field-type-image field-label-hidden"

the output html page containing images.
-----------------------------

div.field.field-name-field-yota-oncesi-resim.field-type-image.field-label-hidden {
  float: left;
}

the bartik theme's style.css file that I entered the above css lines to line up two images like in the picture
----------------------------