Need Pinboard help! Trying to customize slidebar menu display with CSS

Viewing 4 posts - 1 through 4 (of 4 total)
  • #16166
    farahad
    Participant

    Hello Onedesign/Pinboard folks,
    First-off, thank you. After previewing a number of wordpress templates and designs, yours was the best for my purposes. Thus far, working with it has been fairly easy and straightforward, and the result is stellar.

    But…I’ve wanted to tweak one aspect of it since starting, and, while all other issues have been sorted out rapidly with google, this one is becoming frustrating.

    I’ve been adding to the custom CSS window in the hope of being able to “thin” the right sidebar (or perhaps widen the main content portion of the page…or both, if needed by the code edit). Thus far, I’ve been able to move the sidebar/menu over and make it a bit thinner (see link). Depending on the code I’ve tried to use, the text in the right sidebar/menu disappears into the grey area on the right (words are cut off by grey color of the (?)padding/border area) or the menu gets bumped to the bottom sidebar area, below the main content…depends on the code. Most of the variations bump it to the bottom.

    I’ve been adulterating code snippets copied from the main editor, typically parts that contain “sidebar.” I’m sure there’s a more elegant way of doing it, but a friend somewhat familiar with html/CSS was unable to get a fix that didn’t alter the homepage (not wanted) as well as all other pages (wanted).

    This is what we were working with (very wrong, as best I can tell):

    /*#sidebar {
    width:26%;
    }
    #content {
    width:800.4%;
    }*/

    Ideally, I’d also like the menu to follow the viewer’s screen as they scroll up/down, but I have no idea if such a feat is possible.

    The website is http://www.meteoritegallery.com

    In summary, I’d like to slim the width of the right sidebar with CSS and, if possible, get it to follow the viewer as they scroll.

    Any help would be appreciated.

    Thank You,
    Jason

    #16167
    farahad
    Participant

    ***Problem resolved. I found a plugin that bypassed existing menu formats and added a floating menu. Moving the older menus to ‘inactive’ fixed the issue.

    I have one final question that may be a little more simple (I hope) to answer:

    I’d like to make the large white area at the top of the ‘welcome’ page smaller. In order to get rid of the search bar at the top right, I added a blank textbox to the header bar, but that yielded a large patch of empty white space above the image slider. I added some words to the header to make it less obtrusive, but I’d like the white space to be much smaller. Same URL as above…

    Thanks

    #16239
    jenny_222
    Participant

    hello Jason..

    please can u tell me how to make this menue button black..(variable) on your left side…
    i really like this!

    * another question:

    i have always above at my picture the list_ date_name_ edit etc. :
    i don´t wanna seeee this…how can i handle this??

    thanxxxx for helping me!

    jenny

    #16264
    farahad
    Participant

    Hello Jenny (see below), others who might be able to help me,

    If anyone knowledgeable sees this thread, I’m still having a few issues.

    1) I’d still like to get rid of or shrink the top part of the website (white with black text at top of page). Ideally, I’d like to get rid of that space and the words that are there; I’ve put them there because it looks better than nothing (a big white area). I don’t want a banner. No progress here since my last post.

    2) There’s that image slider on the front page. I’d like to redirect the slider image links away from the sticky *posts* and towards other *pages* in the website. The featured/sticky slider images seem to only work when they’re in *posts* (versus *pages*), but I want someone who clicks on a slider image to be directed to a *page* capable of neatly displaying a category of *posts.* For example, I want someone who clicks on the image in http://www.meteoritegallery.com/expeditions/ (sticky picture from a *post* featured in the slider) to be directed to a page that looks like http://www.meteoritegallery.com/collection/expeditions/ (a *page* in the website). Yes, clicking on the image where it is will take you to the right *page.* But, when that image is in the slider, it doesn’t take you to that *page.* It brings you to http://www.meteoritegallery.com/expeditions/ (a *post*)

    Why is it important? I’d like the slider image links to direct to posts/pages with that kind of layout (www.meteoritegallery.com/collection/expeditions/). *Posts* don’t seem to be capable of doing that, from what I’ve seen/tried, so I need the slider image to link to a *page* (I think).

    Changing the URL in the image via the media editor and/or the picture info within the post itself didn’t fix the issue. I can see three potential ways of fixing it: 1) changing the image links within the slider, 2) finding a way of making a *post* display a category of *posts* neatly like a *page* can, or 3) figuring out a way to get the featured image from a *page* (not a *post*) into the slider.

    I tried #1, but gave up after a few days. I’m working on #2, but a few days haven’t yielded anything remotely good. The existing plugins that I’ve tried have yielded very poor-looking results. I still have hope for this and will probably spend tomorrow on this angle. #3 doesn’t seem possible from what I’ve tried. I’ve made featured images on pages, but there was no option to make them sticky.

    Anyone…? Please? I’m really grateful for the framework, but the “easy to use, but hard to customize” aspect of things is starting to make me resent the world and everything in it.

    Thanks,
    Jason

    For Jenny…

    I’m working with WordPress online; depending upon how you’re editing your site, what I have may or may not help you.

    Getting rid of the name/date/etc. required two steps for me:

    1) adding a plugin called “WP Date Remover,” made by Omar.*

    2) pasting some code into the CSS editor under Appearance -> Theme Options -> Layout -> scroll down, paste these three lines:

    .entry-meta .meta-sep, .entry-meta .author { display: none; }

    .entry-meta {display:none;}

    .entry-utility{display:none;}

    *Step one (adding the WP Date Remover plugin) may be unnecessary. I don’t know if the above code also removes the date from posts, but I added the plugin first (it worked) and everything else was as I wanted it after I pasted the code, so I’m not messing with it or testing to see if it’s unnecessary. Perhaps later, once my other issues are resolved.

    The black menu is a plugin called “Floating Menu,” made by Lee Chestnutt. It was very easy to customize with the provided instructions. Wonderful tool, easy to use.

    • This reply was modified 8 years, 8 months ago by farahad. Reason: clarification
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.