On the blog there is always a little dark "flag" on the left where the date appears. I'd like to use this design element on static pages as well. Is it possible to create that flag either without any text or with different text for each static page?
Adding the little left side "flag" to static pages
11 posts from 3 voices-
Posted 11 months ago #
-
Hello,
What do you mean by static pages? That little box is the
.side-container { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 200px; position: absolute; right: 0; background-color: #151C1F; color: white; }Regards,
IsmaelPosted 11 months ago # -
By "static" pages I mean, pages I create myself in the WP admin area rather than those that are generated by the database (like blog posts). And if I wanted to manually put either different text within the box (like the text that is automatically generated by the addition of a blog post) or a little icon within the box, how would I do that?
Also, where would I call that css in a page I've created?
Posted 11 months ago # -
Take a look at this page I created: http://www.outtacontext.com/wp2/about/
I want the same little box on the left and I'd like to be able to either show an icon in that box (an image) or text specific to that particular page (I realize that would be harder but let's just start with getting the little box in there.)
I know the template that is the basis of this page is page.php. I've been playing with coding that box in there but haven't been able to get it to show up.
Could you tell me where in the page.php file I would put code that will show that box in the right place and what code to use? Thanks.
Posted 11 months ago # -
Hello,
You should open includes folder then find the file loop-page.php. Find
<div class='side-container side-container-date'>Replace it with
<div class='side-container side-container-date side-visible'>On your custom.css drop this
.side-container.side-visible { visibility: visible; }Regards,
IsmaelPosted 11 months ago # -
Will take a look. Thx
Posted 11 months ago # -
Okay, that worked. Thanks.
Now, I don't want the date in that left black box. I'd like to either put custom words, different for each page, or a small graphic for every page.
I realize I can get rid of the date spans and just create a link to a graphic if I want to have the same graphic on every page. However, what if I want to have customized text or graphics on different pages? Is there a way to do that?
Posted 11 months ago # -
I tried substituting an image tag for the month and day spans like this:
<div class='side-container side-container-date side-visible'> <div class='side-container-inner'> <img src="http://outtacontext.com/wp2/images/orange_left.png" alt="Orange" border="0"> </div>But it didn't show the image of the orange. Instead it showed the alt tag: the word "Orange."
How can I get an image to display instead? (I'm also still interested in being able to put custom words on each different page).
Posted 11 months ago # -
Hello outtacontext,
It looks like the image isn't actually on the server so you just need to use a correct url. As for the customization, its not something we can actually create specifically as support.
I would suggest, if you want to add custom content to it, to use a custom field that populates what you have now. See: http://codex.wordpress.org/Custom_Fields
Regards,
Devin
Posted 11 months ago # -
Doh! You're right, it was the wrong path. Thanks.
Posted 11 months ago # -
Hi outtacontext,
Glad that this was resolved. :)
Cheers,
IsmaelPosted 11 months ago #
Topic Closed
This topic has been closed to new replies.














