Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By apple806 on
Hi everyone,
I have problem theming views field. I have three fields displayed in the view. First being the image, second title, and the third field the image info. What I want to do is , display image on the left (float it on the left ) and the other two fields on the right. I tried with no luck modifying almost all the view css files..finally am frustrated.. could you please help me out here... thanks.
following is my field information
Field Content: Add Image (field_book_image) (ID: field_book_image_fid): views-view-field.tpl.php, views-view-field--field-book-image-fid.tpl.php, views-view-field--book-display.tpl.php, views-view-field--book-display--field-book-image-fid.tpl.php, views-view-field--block.tpl.php, views-view-field--block--field-book-image-fid.tpl.php, views-view-field--book-display--block.tpl.php, views-view-field--book-display--block--field-book-image-fid.tpl.php, views-view-field--block-1.tpl.php, views-view-field--block-1--field-book-image-fid.tpl.php, views-view-field--book-display--block-1.tpl.php, views-view-field--book-display--block-1--field-book-image-fid.tpl.php
Field Content: Book Title (field_book_title) (ID: field_book_title_value): views-view-field.tpl.php, views-view-field--field-book-title-value.tpl.php, views-view-field--book-display.tpl.php, views-view-field--book-display--field-book-title-value.tpl.php, views-view-field--block.tpl.php, views-view-field--block--field-book-title-value.tpl.php, views-view-field--book-display--block.tpl.php, views-view-field--book-display--block--field-book-title-value.tpl.php, views-view-field--block-1.tpl.php, views-view-field--block-1--field-book-title-value.tpl.php, views-view-field--book-display--block-1.tpl.php, views-view-field--book-display--block-1--field-book-title-value.tpl.php
Field Content: Add Message (field_book_message) (ID: field_book_message_value): views-view-field.tpl.php, views-view-field--field-book-message-value.tpl.php, views-view-field--book-display.tpl.php, views-view-field--book-display--field-book-message-value.tpl.php, views-view-field--block.tpl.php, views-view-field--block--field-book-message-value.tpl.php, views-view-field--book-display--block.tpl.php, views-view-field--book-display--block--field-book-message-value.tpl.php, views-view-field--block-1.tpl.php, views-view-field--block-1--field-book-message-value.tpl.php, views-view-field--book-display--block-1.tpl.php, views-view-field--book-display--block-1--field-book-message-value.tpl.php
Comments
_
you shouldn't need to theme the view to simply float a field to the left, and you don't want to change any of views' css files. You add css to customize a view to your theme's css files.
The output of theme info is not useful in this context. A link or the html might be enough to provide the css you need.
Hi WorldFallz, Thank you for
Hi WorldFallz, Thank you for your quick reply.. I feel like a dummy here.. Where exactly would I create the link or html? thanks..
_
Just use the browser to view the source-- if its a lot of code, you'll want to http://drupalbin.com it and link to it instead of pasting it here.
Thank you very much
Thank you very much WorldFallz.. that helped...
_
but I didn't actually help yet, lol. Were you able to style it the way you wanted?
Yes.. what I did was defined
Yes.. what I did was defined the style for the image field in the view.css file inside views/css folder... i do not know if there is a better way but it solved my current issue.. thanks..:)
_
You should put your css in a custom css file in your theme-- keep in mind when you upgrade views, your changes will be lost.