Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #13405

    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?



    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;




    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?


    Take a look at this page I created:

    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.



    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;




    Will take a look. Thx


    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?


    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="" alt="Orange" border="0">


    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).


    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:




    Doh! You’re right, it was the wrong path. Thanks.


    Hi outtacontext,

    Glad that this was resolved. :)



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Adding the little left side "flag" to static pages’ is closed to new replies.