infoprincessonline.net/Sandbox/tgs

Here is my css for the site generator:

#site-generator {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #abd9d6;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-top: none;
    color: #fff;
    font-size: 17px;
    padding: 1em;
    text-align: left;
}

Site: https://dreaminspireddesign.com

I’ve resorted to adding background color to the footer column elements, but this is just a bad temporary fix.

The background seemed fine until I was able to properly float the columns/elements. It’s like I can only solve one or the other!

Thanks so much!

I have a twentyeleven child theme – here https://bric-consultancy.com/

I want to have the signature in the footer (#site-generator) in 2 parts, aligned left and aligned right. This is the code I have in the footer.php:

<footer id="colophon" role="contentinfo">

			<div id="site-info">

				<?php do_action( 'twentyeleven_credits' ); ?>

				<a href="<?php echo esc_url( __( 'https://www.bric-consultancy.com/', '' ) ); ?>" title="<?php esc_attr_e( 'BRIC Consultancy', '' ); ?>" rel="generator"><?php printf( __( '? 2012 BRIC Consultancy |', '' ), 'BRIC Consultancy' ); ?></a> <a href="mailto:[email protected]" style="color:#F2DA8E">[email protected]</a>

			</div>

			<div id="site-generator">
				<?php do_action( 'twentyeleven_credits' ); ?>

				<a href="<?php echo esc_url( __( 'https://www.sparklynx.be/', '' ) ); ?>" title="<?php esc_attr_e( 'Sparklynx', '' ); ?>" rel="generator"><?php printf( __( 'development & design:', '' ), 'development & design:' ); ?></a> <a href="https://www.sparklynx.be" style="color:#F2DA8E">Sparklynx</a>
			</div>

	</footer>

but I can’t seem to figure out how to get both the #site-generator and the #site-info to be formatted the same way completely. What is not working is to get the text on the left to underline as you hover over it, like the text on the right. I suspect it has to do with the fact that I added a new element #site-info
I’ve searched for this for days… Any pointers would be much appreciated! Thanks.

[Also, for the experts: when you look at this site, would you say it would be more worth it to just create a theme from scratch by converting html to WP, or would customizing Twentyeleven still be more efficient and faster in your opinion? I’m hesitating to teach myself to create new themes but not sure how complicated it will be to learn compared to fiddling with child themes. Thanks for any advice!]

I am currently hoping to create a footer with three “columns”
(all elements are in the site generator area of the footer)
(I would like all three columns to be centered, just not all one line, as they are right now..)

Column A:
Call or Email..
info@…
562…

Column B:
Image

Column C:
Designed by…
? 2013…
Proudly powered…

Any help? I’m fairly new with code, so the more explicit the changes you recommend, the better.

Thanks in advance.

I want to have the site generator at the bottom left of my footer area (the colophon element)

This is what I have now

#site-generator {
	border-top: none;
	font-size: 10px;
	line-height: 1.5em;
	padding: 0 0;
	margin-left: 560px; /*250px sticks to page border :-)*/
	background: none;

position:absolute;bottom:0px;left:5px;color:#ccc;
-moz-transform: rotate(270deg);
-moz-transform-origin: 0% 0%;
-o-transform: rotate(270deg);
-o-transform-origin: 0% 0%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0% 0%;
-ms-transform: rotate(270deg);
-ms-transform-origin: 0% 0%;
}

#site-generator a {
	color: #044c72;
	font-weight: bold;
}

As you can tell, it is not responsive, and I can’t figure out how to move it down enough. So 2 issues. How can I tell it to stay put at the bottom?

Thanks

How do I make the bottom of the page/body/content glue to the bottom? Like the header ‘sticks’ to the top of the page, I want the footer or site generator to stick to the bottom of the page.

I’ve tried:

#page {
margin-top: 0;
margin-bottom: 0;
}

#site-generator {margin-bottom: 0;}

#colophon {margin-bottom: 0;}

But these options don’t seem to have any results..

Thanks!
Leila

I have a Twentyeleven child theme. https://www.route32.be/demaeyer/

I want to have the bottom footer (the site generator) to be vertical (so to read it, you’d have to tilt your head) and next to the regular footer area.

I’ve considered 2 ways to do this:
(1) add the text to the footer area and format that text differently from the rest of the footer area; I think this would require working with a # (a sub-element of the footer, I can’t remember the proper term for it)
and then also remove the site generator from the theme altogether

(2) format the css for the site generator so that it appears at the same height as the footer widget areas

Both ways feel like a lot to figure out for me, so I first wanted to check which strategy is best. And if you have any pointers on what to add to the css for either choice 1 or 2, would be much appreciated.

Thanks!
Leila

I am going crazy trying to change the colour, or create a custom footer area for my website. I am using a twenty eleven child theme and have added the following to the style.css page:

#site-generator {
background: #000000;
border-top-color:#000DD;
color: #000000;

BUT! The footer area remains the same colour as the body of the site.

www.estellasanylevelfitness.co.uk

Please ignore the horrible green header, it is just a place holder for now!

Your help would be much appreciated.

Macegg.