Support » Themes and Templates » wpanniversary theme question

  • Hello,

    I am using the “wpanniversary” theme and have a question re: the diagonal lines, underneath my header… Is there a way to change/alter this image? If so, where do I look? I can only seem to view the main header and background image…

    Thanks! 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi justanotherweigh,

    It took me a little research (right click View Page Info) but I found the image with those diagonal lines: bk_body.png. It’s referenced near the top of your style sheet (style.css):

    body,html {
    	background:#F8F7F1 url(images/bk_body.png) 0 0 repeat-x;
    body.noAnniversary {
    	background:#F8F7F1 url(images/bk_body.png) 0 -190px repeat-x;

    Make sure you create a Child Theme before making any changes to your theme.

    Hope this helps!

    thank you SO much! i knew it was in there somewhere, just couldn’t see it… :/

    i’ll look into the child theme, thanks! 🙂


    You’re welcome. I’m happy I could help!

    Hi again,

    Since you guys were so helpful yesterday, any idea how I can move my social media links to the right-hand column (above main menu)? I’ve tried adding the code to the sidebar.php, but it’s not working… Any ideas?

    Thanks! 🙂

    Hi Jodi,

    Took me a bit, but this worked for me:

    You should already be using a Child Theme so future updates to your theme do not overwrite your changes.

    Copy the social links CSS from the parent theme style sheet (starts with the comment /* Social Links */ and ends with:

    #topSocial ul li a.rss:hover {
    	background-position:-31px -30px;

    In your Child Theme’s CSS, add the CSS you just copied from the parent theme and change all references to topSocial to sideSocial

    Bring up your site in your browser, view the source and copy the code for the social icons that starts with <div id=”topSocial”>. Be sure to get the entire unordered list and the closing </div> tag. Paste that code into a text editor like Notepad (or similar).

    In your text editor, replace topSocial with sideSocial and add the following code at the end:

    <div style="clear:both;margin-bottom:20px"></div>

    In your WordPress dashboard, add a new text widget to your sidebar (Appearance > Widgets). Copy and paste the code from Notepad and save the widget.

    You should now have social icons at the top of your page and in the sidebar. To hide the social icons at the top of the page, add the following CSS to your Child Theme’s style sheet:

    #topSocial {
        display: none;

    Good luck!

    The icons are now showing up on the bottom-left of my page… Any idea why? 🙁

    Thanks for your help, by the way! 🙂

    And can the same thing be done with the search field (moved to the sidebar)?

    Hi justanotherweigh,

    It doesn’t look like you’ve created your Child Theme yet. You will want to create the Child Theme before modifying the CSS to control the layout and style of your site.

    Yes, you could use a similar method. Take a look at the search field with Firebug, copy the necessary code into a widget in your sidebar, and update the element IDs and CSS as needed.


    So this isn’t going to work unless I create a Child Theme? Everything else I’ve done, in the current CSS, has worked fine so far minus this…

    If it’s not going to work, I will just delete them and do something else… Just thought there would be an easy fix…

    Thanks for your help.

    Hi Jodi,

    I’m not saying it won’t work without a Child Theme, what I’m saying is that all of your changes will be overwritten in the future if and when that theme is updated.

    You could also check into other theme’s that may be easier to customize.


Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘wpanniversary theme question’ is closed to new replies.