[chelseasounder]

chelseasounder

#2919

I would like to add a second background image, the first as a tiled background, and the second as a single instance in a fixed position. See http://mlsfpn.com/test/test.html for an example.

I tried using the Action Hooks Widgets, but that looks to only add HTML/PHP content (not CSS). Is this doable?

Also, check out http://mlsfpn.com and let me know what you think!

[Kenneth John Odle]

Kenneth John Odle

#22582

Yes, you can. You’ll need to add some custom css. See this post for details:

https://forum.graphene-theme.com/graphene-support/how-can-i-add-adsense-to-the-background-image-1#post-5040

You can also style a single object as an inline style.

Keep in mind that, while this is cool, a lot of people may not see the entire image because of the width of their monitors.

Moved to Support.

[chelseasounder]

chelseasounder

#22583

Great, thank you for the help! Now implemented at http://mlsfpn.com/

[chelseasounder]

chelseasounder

#22584

Any way to avoid the “document type does not allow element “style” here” error when validating the code? I’m guessing not…

[Anonymous]

Anonymous

#22585

Style it from your css rather than inline. Each widget area gets a unique ID assigned to it. If you’re talking about the little icon over to the left of your header image, it’s unique ID is:

#text-3 {}

Style it from your css.

[chelseasounder]

chelseasounder

#22586

Do I do that from the CSS file directly? Or is there a spot to do that in the Graphene UI?

[Anonymous]

Anonymous

#22587

You might want to consider setting up a child theme.

http://www.prasannasp.net/graphene-child-theme-template/

But you can also add small css adjustments to the custom css box in the admin panel under graphene options. Look for Custom CSS.

[chelseasounder]

chelseasounder

#22588

booya. Thanks!

http://validator.w3.org/check?uri=mlsfpn.com

[Anonymous]

Anonymous

#22589

Welcome.

(Marking Thread as Resolved)