Hi, I was wondering if anyone could help me in figuring out how to change something in an already existing theme. I am learning Drupal, all at the same time [configuration, architecture, templates and css] - I am actually a designer and my intention is to master it, but right now I am stuck in something I think is a very simple css/template glitch.
website: http://flockstudios.com/TheWineLover/
The dynamic block on the front page, used to occupy 950 px, I got it down to 650 and want to place another block right next to it, they are both in the same region now but my added block drops off. The "City Magazine" is based on "fusion" theme. Also the dynamic block is based on a view called "front_featured" where:
Fields
Content image:
940x360 image linked to node
Block: Configure field Content: image (field_image)
Rewrite the output of this field [is checked and the code in the window is]
[field_image_fid]
CITY MAGAZINE TEMPLATE [file structure]
-city_magazine
css [folder-->]
advanced-typography.css
city_magazine.css
city_magazine-rtl.css
ie6-fixes.css
ie7-fixes.css [end folder
images [folder, didn't place content]
block.tpl.php
city_magazine.info
forum-icon.tpl.php
node.tpl.php
node-product.tpl.php
page.tpl.php
script.js
template.php
theme-settings.php
typography.html
user-picture.tpl.php
views-view--recent-blog-post--block.tpl.php
views-view--top-stories-of-the-week.tpl.php
-city_magazine_custom
css [folder content-->]
city_magazine_custom.css [end folder]
city_magazine_custom.info
template.php
theme-settings.php
Any direction will be greatly appreciated, this is my first website with Drupal and am very excited to work out the kinks in my learning process.
Comments
Your inner ddblock is 650 but
Your inner ddblock is 650 but its surround by other divs that are 960. Two fixes:
Change the width of each blocks on the block configuration page. Both blocks have the .grid16-0 class which means widths haven't been assigned. By defualt they're being rendered at 960px each. (Assuming City Magazine works like Fusion in this way. Fusion would have automatically made them both .grid16-8 I believe. )
In your css change .block-ddblock-1 {width:650px;} and .block-block-21 {width:310px}. That assumes no padding or margins.
The first way is more fusion-friendly but less exact. The second will give you what you want but if you change out that second block you'll need to update the css later on.
Thanks ! ~ Ok, got almost all of it now
Ok, got almost all of it now!
I get them to display next to each other and even added a nice white border.
Now, my "slider text" is the one that I need to adjust, it seems to be at the original size of 900+pixels. I have tried overriding css and it actually throws it out. When I select the element to "inspect it" through Opera's web tools, it shows it still extending all the way over 900pixels, I want it to fit my new block size of 660 pixels and don't know where to go, the element selected has "views-field-field-teaser-description-value".
Any help?
.views-field-field-teaser-des
.views-field-field-teaser-description-value .field-content {
width:620px;
}
Haven't tried Developer Tools with Opera but Firebug+Firefox might serve you better.
Good Good ! - Thanks so
Good Good ! - Thanks so much!, I honestly thought it was going to be easier to hack around.