Forums

Want a "site name" block that simply has two sections, a right and a left

Permalink
Hi,

Sorry, I'm extremely new to any sort of HTML programming, website building, etc...

At a base level, I am having a hell of a time trying to figure out how to create a block that does not span the entire width of my webpage. I simply want a block (I'm guessing its a block as a opposed to a stack...?) that has a space for an image/logo on the left, and a space for an image on the right. I would like the ratio of left image width to right image width to be 1:2 or in other words the left image should be half as wide as the right image.

If I could just "add layout" to the "site name" field, problem would be solved. But I can't.

Thanks,
Casey
 
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
Well as you say you need 2 editable sections, one for your site logo and other for any other image. So you need to change your themes header.php file.
Note: if you are using Concrete5 default theme, then you need to copy the entire theme from ROOT/concrete/theme/theme_NAME/ and paste it into ROOT/themes/ folder. But if you are using any other theme from marketplace, then simply copy the theme from ROOT/packages/themePackage_NAME/themes/theme_NAME/ and paste it into ROOT/themes/ folder.
Then open your herder.php and put the below code.
<div id="logo">
<?php  
   $a = new GlobalArea('Site Name');
   $a->display();
?>
</div>
<div id="header_image">   
<?php  
   $a = new Area('Header Image');
   $a->display($c);
?>
</div>


You need to set the css for 2 div ID logo & header_image. So that it adjust its size to 1:2 proportionate.

Rony
cchambers replied on at Permalink Reply
Thanks for the info Rony, but I'm a bit lost. When you say ROOT, is that a directory on my website or on my local drive?

Sorry, total noob.
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
ROOT means your concrete5 installation directory. If you are in local it then should be localhost but if you are in server then it might be public_html

Rony
cchambers replied on at Permalink Reply
Okay I have my header.php file open for this theme. Where do I paste this new code section? Also, not sure what to delete...

I'm assuming I delete everything from

<!--start main container -->

and below. Is that correct?
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
Attach the header.php file as a zip. I'll put the code there. Then you can adjust your css.

Rony
cchambers replied on at Permalink Reply 1 Attachment
I think this is the correct header.php file. However, the file path seems different than what I followed last time. Not sure how this could have changed.

Path for the attached header.php file:
public_html/concrete/themes/greek_yogurt/elements/header.php

Thanks