WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Sidebar and Alignment of the circles (7 posts)

  1. nsanketnavale
    Member
    Posted 8 months ago #

    Hello Caroline,

    You have developed an amazing theme. I just love it!
    I am a newbie at building a website but I have learnt quite a lot of things over the past few days. I was able to get most of requirements done by following the posts in the forum.

    I am unable to get the following couple of things done yet though.
    1) I would like to keep my content area left-aligned for all my pages (in order to add a sidebar) except the homepage, for which I want my circles to be centered to the page. I am not able to do one without disturbing the other. Also, is it possible to have a different arrangement for the circles easily or are they rigidly defined to align in a matrix or a table?

    2) What is the easiest way to create and incorporate a conventional right-aligned side-bar in the theme rather than the one at the bottom?

    Ay help regarding these issues is appreciated.
    For your reference, my website is: http://sangam.scripts.mit.edu
    Thank you for your inputs in advance.

  2. ShaiRoelud
    Member
    Posted 8 months ago #

    I have a left-aligned sidebar on all pages except the homepage on my site. So if you're interested in that let me know and I might be able to help you out.
    Unfortunately, I'm not skilled enough to extrapolate my solution to a right-aligned side-bar.

    Cheers,
    Roel

  3. nsanketnavale
    Member
    Posted 8 months ago #

    Hi Roel,

    Thanks for replying back.
    I browsed through your website and I must say that it is simple and elegant. Good job!
    I would much appreciate it if you could guide me as to how you created the side-bar on the left in your site. I too am new to this but I can try to figure out a way to make it right-aligned.
    Thanks in advance.

  4. ShaiRoelud
    Member
    Posted 7 months ago #

    Thanks for the compliment. Sure I can tell you, but first a couple of disclaimers:

    1. Make sure you make a backup of your website first, because I wouldn't want to be the reason your website goes down. :-)
    2. I changed my website so the circles represent pages, not posts. I'm not sure if did the same to your site. If you didn't then I don't know if this will work, although it might.
    3. While I managed to get a menu on the left side of the website, I haven't been able (yet) to prevent the content from scrolling over the menu when you scroll from left to right. On big screens like computers it isn't a problem, but it might be on mobile devices.

    But here it goes. Copy the index.php (called Main Index Template) file to your child theme folder and delete the following line:
    <?php get_sidebar(); ?>

    This will make sure that your menu won't show on the homepage but will on all the other pages.

    Next, add this to your child theme css.

    #secondary {
    clear: both;
    display: block;
    padding: 0px 0;
    position: fixed;
    top: 150px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 100;
    }

    You might have to fiddle around with things like position, padding and top to get it in the exact position where you want it. If you need to adjust the width of the menu then this is the code, I think:

    .widget-column {
    	width: 200%;
    }

    Finally, go into your WordPress dashboard, click Appearance -> Menus. and create a new menu. Then go to "Widgets" in your dashboard and drag "Custom Menu" into Sidebar 1 and select the menu you've just created from the drop-down menu.

    Hope this helps.
    Cheers,
    Roel

  5. nsanketnavale
    Member
    Posted 7 months ago #

    Hi Roel,

    Thank you so much for sharing the codes with me. Yes, the instructions were very useful and thanks to you, now my website has a conventional sidebar!
    Thanks again.

  6. ShaiRoelud
    Member
    Posted 7 months ago #

    No problem, glad it worked out. I just had a look and I see you even managed to get it to the right hand side. Now I have a question for you...When I make my browser really small, your content and menu stay fixed (in the place where they are). In mine, when I do that, I can scroll my content over my menu, which I really don't like. Can you tell me how you fixed this?

    Cheers,
    Roel

  7. hamutalwz
    Member
    Posted 7 months ago #

    Hi Roel,
    Could you please explain how you changed the circles to show pages and not posts?
    Thank you!

Reply

You must log in to post.

About this Theme

About this Topic