Can't Get Footer Widgets to Float Horizontally!

  • Resolved Linda

    (@imprefectlin)


    9 years ago

    Hello guys,

    I’ll start by saying that Portfolio Press is a lovely theme and I really think I’m going to enjoy having my portfolio site use it! Everything has been working so far except for one thing, and I’m sort of at my wit’s end because of this. I’m not a programmer (I know a bit, but I’m mostly a designer/artist type of creative), so I can’t seem to figure this out. It might be something super simple that I’m just neglecting or overlooking.

    This is my website, with content starting from years back but theme freshly installed:
    https://www.linda-vuorenvirta.com

    I’ve been editing the style.css file of Portfolio Press to make some customizations (I know I could use a child theme), and ran into the problem of not being able to make the widgets in the footer (the text widget with my short bio, calendar and category list) float horizontally. In other words, I’d like them next to each other, filling up the width of the layout, instead of stacked on top of one another. Right now it just looks like that section wanted to be a sidebar, but somehow got stuffed into the footer.

    Here’s a paste of what my style.css file looks like right now. Have I messed something up, or are more tweaks just necessary to achieve the horizontal footer?

    Thank you very much in advance to anyone who offers their help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Linda

    (@imprefectlin)

    Okay, I managed to mess around with everything in sight long enough to come up with a hack-ish fix. This probably isn’t the most elegant way to solve the problem, but I ended up forcing the divs in question to display as inline elements (I realized they were all block elements) and that made them float horizontally.

    So disregard this, I suppose, unless someone has a better option they want to share! Now to go and make the footer work responsively…

    I love your website. I’m just downloading portfolio press and can’t believe how awesome you’ve made it look. How did you get the upward arrows to display the main navigation? Also fabulous work on the site. Very impressive.

    Thread Starter Linda

    (@imprefectlin)

    @susan-bates: Oh wow, thank you! ?? It wasn’t too hard to do the arrows in the navigation. I found this bit in style.css, it’s under Small Menu, which is under Primary Navigation.

    .primary-navigation ul li.current-menu-item,
	.primary-navigation ul > li:hover {
		background: url(https://www.linda-vuorenvirta.com/wp-content/themes/portfolio-press/images/nav-hover.png);
		background-position: bottom center;
		background-repeat: no-repeat;
	}

    I put the background image (the light purple triangle) under the hover property for the menu line items. Mostly I figured this out by trial and error and a lot of moving code around from place to place until it worked. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't Get Footer Widgets to Float Horizontally!’ is closed to new replies.