Hi,
I'm very new to Drupal and have a lot of doubts and questions, but I'm trying to get into this great CMS. I'm trying to understand the best way (and a How To) to costumize the blocks...in other words I'm working with the Omega theme and I had already positioned my logo in the "branding area" but besides that I created a new block view that goes into the same "branding area block"... now i want to costumize that: by default my block view it appears just after the logo, but i wanted in the right, separated from the logo that is positioned in the left. How I can do that? I know that I have to work with the css but where? I have been tweaking the main css but I know that is not the best way!
Thanks in advance for your replies!!
Comments
You need to create an omega
You need to create an omega subtheme. then add your own css.
To create a subtheme use http://drupal.org/project/omega_tools
there is a wizard in that module that automatically creates a subtheme for you.
Then read http://drupal.org/node/1298700 to learn which css files to use
Hi nicoz, Thanks for your
Hi nicoz,
Thanks for your quick reply...I had already identified the css to work with (is called global.css, and is in the Omega Kickstart folder, that is the subtheme I'm using), but the problem for me is the block: according to firebug in the main html my id class corresponding that block is called: view view-my-nameblock. So, what I have to do to link my own css to that class? Or in which css is the class (view view-my-nameblock) processed?
Thanks again, and sorry if I can seem confusing!!
any other hint? I found the
any other hint? I found the div img in the global.css that is managing the block view I created! I try to put there the css properties but nothing happens. I know that it has to be made separately, but how? I want to manage my block created independently so I can place it to the right.
I am confused as to what you
I am confused as to what you are trying to do. If the site is publicly accessible, please share the URL. Otherwise I don't think I can be of much help.
Yes I figured that!! :-( ok
Yes I figured that!! :-( ok what I'm trying to do is: I created a block view that is placed right after the logo (in the branding area). I want to put that block view I created on the other extreme (in the right side) of the branding area region, in order to have the logo on the left and the block view on the extreme right...I'm trying with the global.css without any success. Unfortunately I'm still working in local so I don't have an url.
Thanks a lot for your help!
---
Does the block you want to move to the right have a class or id? Is it wrapped in a div?
That's the problem, I've only
That's the problem, I've only found this with firebug:
<div class="view view-envio-gratis view-id-envio_gratis view-display-id-block view-dom-id-3dbfffb2b5e1c96e2c80ec15c999be12"><div class="view-content">
<table class="views-view-grid cols-1" data-thmr="thmr_88">
<tbody>
<tr class="row-1 row-first row-last">
<td class="col-1 col-first">
<div>
<strong><img width="200" height="149" alt="" src="" typeof="foaf:Image">
</div></strong>
---
Right, that's the purpose of the Omega theme - create your own subtheme (as nicoz pointed out above) and edit that.
Yes, that's why I'm working
Yes, that's why I'm working with Omega Kickstart that in theory is the subtheme of Omega....isn't it?
Not necessarily. Just because
Not necessarily. Just because the starterkit is in a subfolder of omega doesn't make it a subtheme. Which theme is enabled and set as the default at /admin/appearance
Ok, I see now what you are
Ok, I see now what you are speaking about...So, I've just created my own subtheme now but the problem still persists. I have this block view that I don't know how to costumize (in my case place it on the right). In the firebug I have this code:
<div> <img typeof="foaf:Image" src="http://127.0.0.1/drupal-7.17/sites/default/files/enviogratis1.jpg" width="200" height="149" alt=""> </div>but as you can see there's not an ID block class assigned so I don't know how to do it?!!