• Skip to primary navigation
  • Skip to main content

Technology Solved

Just another Junction30 Sites site

  • Blogging
  • Gadgets and gizmos
  • Social media.
  • Tweetable definitions.
  • FAQs

colneis

Genesis Widgetised Home Page

3rd July 2019 By colneis Leave a Comment

How do I add a widget to the widgetised home page of my website?

Log in to your dashboard, then go to the Home Page.

Select Customise from the top bar

(or in the dashboard Appearance >> Customise)

Select Widgets. You will see a list of the widget areas available. The ones marked Front Page only appear on the home page of the site.

Select the one that you want to work with.

To Remove A Widget

If you want to remove an existing widget click on the small left arrow at its right edge to open its settings, scroll to the bottom of them and click on Remove.

If you wish to edit it make the changes you want and click on done. You can preview your changes in the main screen.

To Add A Widget.

Click on Add Widget
Example: a Genesis Featured Posts widget.
Adjust the settings to suit your needs:

Note:

Some themes require that you add a particular number of posts to achieve a neat layout.

Some use Flexible Widgets styling code and will adapt the layout to suit your choice of number.

In some cases, you may find that posts display in a column on the left of the page. If so you may have to use several separate widgets showing one post each in order for them to display in a row.

All Studiopress Themes have a setup guide which will tell you what layouts will work for your site.

When you have finished, click on Done at the bottom.

Check the home page and if you are happy with it click on Publish. Otherwise go back and adjust your setting, or exit using the X at the very top left.

Filed Under: Uncategorised

Woocommerce – Managing A Product’s Stock

3rd July 2019 By colneis 1 Comment

Could we put a limit on the number of orders we can take for product, is this possible?

This is quite easy to do, go to https://yoursite.com/wp-admin/edit.php?post_type=product (or find it in the dashboard sidebar Products )

Click on Quick Edit.

Check the box:

Set the options:

Enter the number of items you have in stock in the first box, only change the Back-Orders setting from “do not allow” if you want people to be able to continue ordering even when you are out of stock.

You can also find the same options in the main product editor.

Filed Under: Uncategorised

CSS Tip: Absolute Positioning Inside Relative Positioning

23rd May 2013 By colneis Leave a Comment

I was having a little problem with styling a WordPress/Genesis Author Box. The normal layout is that there is an avatar in the top left hand corner around which the text flows- like this:

author-box-1

However, what the client wanted was for the all text to be indented, in a neat column to the right of the image, like this:

author-box-2

Now, my first reaction was that I would need to edit the code which generates the author box, so that the image was wrapped in a block level element, which would then push the text across as required… or something like that. That is a fairly complicated thing to do requiring edits to functions.php and completely disproportionate to what is a pretty minor layout change. I braced myself for the labours ahead.

Then I came across a short article called Absolute Positioning Inside Relative Positioning at CSS Tricks. As the article says – “To some, this is obvious. To others, this may be one of those CSS “Ah-ha!” Moments.” It was for me – I didn’t know you could do that!

The point is as the article says “A page element with relative positioning gives you the control to absolutely position children elements inside of it.”

In my case, restyling the author box took just a couple of minutes and two lines of CSS:

.author-box div {position:relative;margin-left:90px}
.author-box img {position:absolute;left:-90px}

The first line moves all the box contents 90px to the right, the second moves just the image 90px to the left. All done!

Filed Under: Uncategorized

Copyright © 2025 · Genesis Sample On Genesis Framework · WordPress · Log in

  • Home
  • Visiting the blog doctor
  • Privacy and disclosure policies.