nicoleWP

I too have been looking at a replacement theme for Rebalance and I’ve been considering Eksell, however the theme developer has said it is unlikely he will update it to have full site editing. My other concern is that both Rebalance and Eksell use the custom post type called Jetpack Portfolios (which is why they may be similar), however, I’ve noticed that Automattic hasn’t created a Portfolio theme with this custom post type in recent years — Dalston is a case in point. @kokkieh is it possible to find out why? Is that not the way to be creating portfolios going forward with Full Site Editing?

Thanks!

Thank you!

Hi Anders,

Thank you for your reply. I would like my homepage to show my portfolio projects (custom posts). My current theme has a Portfolio template so I have assigned my portfolio page to this template and as site’s front page set to display as “A Static Page”:

This template will display your portfolio and allow you to set your portfolio as the site’s front page.

When you first activate [the theme], you’ll see your posts laid out in a grid. If you’d like to use the portfolio page template as the front page of your site which displays your projects, it’s simple to configure:

Create or edit a page, and assign it to the Portfolio Page Template from the Page Attributes module.
Go to Settings → Reading and set “Front page displays” to “A static page”.
Select the page you just assigned the Portfolio Page Template to as “Front page” and set another page as the “Posts page” to display your blog posts.`

I am not completely clear how Eksell is set up to handle portfolio projects on the homepage. Please would you clarify. Thank you!

• This reply was modified 3 years, 7 months ago by nicoleWP.
• This reply was modified 3 years, 7 months ago by nicoleWP.

Hi Adam,

Thanks so much for all your help with this! I attended a User Experience meetup where I was told that my website looked dated! That was at least 2 people’s knee-jerk reaction, so it looks like I’d better switch to something more current. The upside is that hopefully the latest Gutenberg Block functionality will be included.

Thanks again!
Nicole

Hi,

I have a group block into which I dragged a shortcode block. The group isn’t in a column. Underneath it I have a heading block which appears to be within a column block, by default. Underneath I have a paragraph block, which is also within that same column block.

So it looks like the group block with my DrawAttention shortcode is separate from the other elements on the page which are all contained within a column block.I guess I kept it separate because I thought it was easier to resize separate from the other elements.

Thank you.

Regards,
Nicole

Hi Adam,

Thanks for coming back. Unfortunately, I don’t want to widen my paragraph/text content but I don’t mind if all the images are at the wider width (but not full width). However, this particular “image” is not recognized by WordPress as an image as it is Draw Attention’s own type of interactive image. There are two ways to implement it – as a shortcode (which I put in a Group Block container not a Column) or as an interactive image. I tried the latter and it didn’t work for (callouts were not clickable) so I’ve been using the shortcode option.

Unfortunately, this Rebalance theme has not been updated to show the wide width and full width options for Gutenberg blocks.See https://developer.www.ads-software.com/block-editor/how-to-guides/themes/theme-support/

Do you have any idea how to widen the Group container so it is the width of the Featured image at the top?

I was hoping to be able to do the following but it appears that it is a lot more complicated to update the theme.

Wide Alignment:
Some blocks such as the image block have the possibility to define a “wide” or “full” alignment by adding the corresponding classname to the block’s wrapper ( alignwide or alignfull ). A theme can opt-in for this feature by calling:

1
add_theme_support( 'align-wide' );

`

Thank you.

Regards,
Nicole

• This reply was modified 3 years, 8 months ago by nicoleWP.
• This reply was modified 3 years, 8 months ago by nicoleWP.

Hi Luke, this worked:
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

summary {
display: list-item;
}

Hi Luke, Thanks so much for coming back. I removed the details, from article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
} and I am afraid it hasn’t solved the problem.

Hi James,

Thanks for coming back to me. I already reached out to DrawAttention Support and they said that I ask on this support forum for CSS help to “target the container which contains the DrawAttention shortcode.” These are my words but they said that the interactive image scales to fill the container it is in and I put it in a Group block to see if it could be targeted that way. Any ideas? Thank you.

Hi,

Sorry for the delay in getting back. Here is the project page that contains the group block which in turn contains a shortcode for the interactive image. The image include the annotations to the left of the wireframe. I was wondering if I could enlarge the interactive image so it is the same width as the featured image above it. Is this possible? Must I post on the developer forum?

On a separate note, do you think I am going to have to find a new theme soon? Just today with the new version of WordPress I noticed an issue with my accordion blocks on Chrome on desktop. The expand/collapse arrows have disappeared. They looked fine prior to the update.

Any help is appreciated.
Thank you.

Hi Jerry,

I had no idea that it was a retired theme, because it still seemed to be supported. Also had no idea adding block styles is a substantial change. What would a simple CSS tweak look like?

Many thanks for your help! Probably after I make the site live, I need to start looking for another theme…

Hi, thanks for getting back to me. See https://developer.www.ads-software.com/block-editor/developers/themes/theme-support/.Instead of custom CSS, is there anyway to add add_theme_support( 'align-wide' ); so that there is

“the possibility to define a “wide” or “full” alignment by adding the corresponding classname to the block’s wrapper ( alignwide or alignfull ).

I didn’t want to mess with my functions.php file but if someone can walk me through the process, I’ll do it.

P.S. I’ve also asked the imagemap developer their opinion on this. I am not sure how far their support goes, however, as I only want to use the free version of the plugin.

Thanks for letting me know.

Hi Jerry,

Thanks for getting back to me. No, this demo page https://rebalancedemo.wordpress.com/readability/is not showing the same “full-width” issue that I saw. I haven’t touched any of my PHP pages, only the “Additional CSS” so I temporarily removed my that code and lo and behold, the missing left-hand whitespace reappeared. Problem solved!

However, one thing that still puzzles me is I only have one widget area i.e. the footer. Should there be a sidebar widget area?

Thanks so much for your help.

Hi @fresatomica ,

Thanks so much for getting back to me. I tried the above code and it did’t have any effect but after a bit of trial-and-error, I figured out a solution. In my code above, I replaced this piece of code

/*Make top search submit button appear to be just to right of search input box and align with line underneath it*/
@media screen and (min-width: 880px) {
.search-submit {
 	float: left;
 	right: 0;
	position: absolute;
}
}

with this

/*Make top search submit button appear to be just to right of search input box and align with line underneath it*/
@media screen and (min-width: 880px) {
.widget_search .search-submit {
 	right: 0;
	position: absolute;
}
}

and it worked! Don’t know why it worked but it is good enough for now… Thanks again!

• This reply was modified 3 years, 11 months ago by nicoleWP.
• This reply was modified 3 years, 11 months ago by nicoleWP.