LifterLMS has a shortcode system, https://lifterlms.com/docs/shortcodes/

I am not fond of the default lesson layout and was thinking of adding the lifterlms syllabus shortcode via Astra custom layouts to put the Astra styled syllabus layout at the bottom of every lesson.

Needless to say it didn't work out so great, lol.

The lifterlms shortcode for the syllabus, when rendered doesn't show the Astra design. Is there a way to get that the lifterlms shortcode to show the Astra styled one?

Hi! Sometimes we don't need single post navigation. Please, do an option to turn it off.

Thanks!

Is there an easy way to use a video as the background of the header? I want a video to appear behind the nav links. It seems like WordPress added support for it recently but it doesn't seem like this theme supports it.

Problem: When using search, you can still see the menu items below it. This might be due to some setting I have not yet discovered, but by default, this does not look good.

Suggestion: Add the ability to style the search bar and maybe even add the option to have a full-screen search.

https://i.imgur.com/Oc4AL3n.png screenshot

Ability to activate an option to dim the content when you hover over a menu item (like a lightbox).

• Reason: Visitor will have increased focus / better for conversion.
• Urgency: None, it's just a so-called "nice-to-have", not a "must-have".

Snippet CSS used:

/* Dim content on menu hover */
#masthead:hover ~ #content {
opacity: 0.1;
transition: all 0.5s linear 0.1s;
}
#content {
transition: all 0.5s linear 0.1s;
}

If this idea is too silly, feel free to close or delete the entry.

so i use the Header Footer Elementor plugin to design the header and footer in my theme but when i go to the 404 page i find this error and it shows only on the 404 page the other pages look fine

NB im using the latest version of elementor and header Footer Elementor

Hi! I've found a bug with inherit headings when Typography addon is active. The inherit making from "Body & Content" but not from "Headings" in customizer. Because of this problem, I've to choose headings font on each area and this is not convenient.
When Typography addon isn't active the inherit working good.

Fix it please!

Here is an example https://www.wpcrafter.com/course/elementor-essentials/

See how the CSS makes the lesson titles smaller, its better for a sidebar. Also, I reduced the spacing and added a separator. It makes it look a lot cleaner.

I am using the beta with the beta integration.

#When creating blog archive pages the image being pulled for the post image is a full size image resulting in high pagespeed penalties. (See astra/inc/extras.php > function astra_get_post_thumbnail)

• see pull request #697

Can you add an option in customiser under Layout > Blog > Blog / Archive where the default image size (full, large, medium, thumbnail)for the post thumbnail can be selected via dropdown.

Currently, it seems only using CSS enables you to change its styling. It would be great if you can enable the "Off Canvas Sidebar" in modules for these customizer options:

• Styling: To set with, left/right, etc..
  (or add only width to the current location: Customizing ▸ Layout ▸ Shop)
• Typography
• Colors & Backgrounds

Hope this helps, cheers.

Hi!

The problem with CSS property height appears in version 1.4.1

Description

With Astra 1.41. activated, height of HTML elements inside Elementor widgets with "height: 100%" CSS property calculated incorrectly.

How to reproduce

Add for example default Carousel widget into page. Height of carousel item fits to window height - http://prntscr.com/kacv4r. If unhook this function - https://github.com/brainstormforce/astra/blob/master/inc/compatibility/class-astra-elementor.php#L112-L133 - problem disappears.

As per https://css-tricks.com/almanac/properties/o/overflow/#article-header-id-2 (strong emphasis added by me)

This is particularly useful in use with dynamic content and the possibility of an overflow causing serious layout problems. However, bear in mind that content that is hidden in this way is utterly inaccessible (short of viewing the source). So for example a user has their default font size set larger than you would expect, you may be pushing text outside of a box and hiding it completely from their view.

This can have unpredictable consequences, for example: gocodebox/lifterlms#519

WP Astra homepage with .site's overflow set to hidden:

Unset overflow: hidden;:

Unsetting this has no consequence on the layout:

I have tested this with a couple other sites as well. Can send in a PR, if needed.

When I run my site on https://validator.w3.org/ I get some CSS errors as shown below:

I've added either of the following in my main CSS file (via customize > customize-css):

a:hover, a focus {color: none !important}
a:hover, a focus {color: unset !important}

Either doesn't prevent the native Astra Gray hover color for links.

I don't want to have this Gray color for hovered/focused links --- I want the links to have their native color they have even when I hover on them.

I could solve this by doing something like:

.menu a:hover, .menu a:focus {color: SAME_AS_ORIGINAL}

But this results in extra code I could avoid.

I believe there is some JavaScript clash here; please help --- if it's out of the scope, I'll ask someplace else, but I get the feeling it's quite unique to Astra JS as I don't recall such problem when generally working with CSS.

Hello! Subject.
Both hooks doing the same thing — adds my snippet just before <title> tag.

Inspect and fix it please.

Hello @Nikschavan and Brainstormforce team! I've translated Astra Pro at 100% but the translation not updates. Another themes and plugins translations works fine.

Thanks!

Hello! When we use Advanced Headers and Transparent Header the mobile dropdown is also transparent and it's ugly. Desktop dropdowns are also unmanageble. Add this option and you'll "kill two birds with one stone" — Desktop Dropdown = Mobile dropdown.

Thanks!

• The theme does not show tags for posts anywhere
• Is it only available for pro version?

Progress bar % css appears off in the LifterLMS sidebar

To reproduce the issue, you need to set different font-size for desktop, tablet and mobile, on the Astra customizer (Appearance>Customize>Typography>Base Typography).

What happens is that desktop font-size works fine, but tablet and mobile font-size are rendered smaller than what you set.

When I create a header custom layout and select "Sticky: Desktop + Mobile" it changes back to "Sticky: Desktop" on save.

OBS: I found a workaround for now, that is to select "Footer" instead of "Header", set "Sticky: Desktop + Mobile", save, change back to "Header" and update.

Video: https://www.dropbox.com/s/di3aezlv7er2koz/header.mov?dl=0

When you select "Slabo27px" and "Exo 2" fonts on customizer, it does not load or render the fonts. May be happening with other fonts as well, though I was just able to check these two.

I’ve seen a theme that had three tabs in the top of the customizer settings (like Elementor) “Content”, “Style” and “Advanced”. Awesome idea.

But having search in the top of customizer settings could also really speed up the developing process.

I’ve never seen this being done though and suspect there is a good reason for it. I thought I’d mention this one anyway.

Cheers!

Currently you can see category description on the category archive page, but not on the shop homepage.

Example on fake test shop

Shop home: https://www.minddump.nl/shop/ Nothing is displayed under “Op afstand” and “Persoonlijk”.
FYI: Also the shadow-styled boxes of the products are not applied to the categories.

Shop category archive page: https://www.minddump.nl/cat/persoonlijk/
Category description is present: “Persoonlijker dan dit wordt het niet.”

I have Astra Pro installed, but can't get the LifterLMS distraction free checkout or display account tabs vertically to show up.

URL: https://astratest2.wpengine.com/wp-admin/
USER: astra
PASS: 4rVa9Pi36z2f24gYEVu8wTyT

• Typography
• Colors & Background
• Buttons

This also results in not being able to adjust the typography of the "Off Canvas Sidebar”.

This was easily fixed by using this CSS, but doing it via customiser would be so much better.

.woocommerce h2 {
    font-size: 1.2em;
}

I couldn't find a repository for the Astra Sites plugin, so I'm opening this issue here. Right now, you have a JS error in admin.js which is rendering the plugin unusable.

On line 623 and line 646 you're missing references to event which is subsequently called within those functions. I haven't tested other browsers, but in Firefox this completely breaks the admin interface for browsing sites.

Adding a reference to the event fixes the issue. I would send a PR if I could. 🤔

In this file on line 34 there's a typo. Should be like this:

'string-404-sub-title' => __( 'It looks like the link pointing here was faulty. Maybe try searching?', 'astra' ),

LifterLMS course and lesson sidebars don't display in the customizer widget areas

LifterLMS has a Course sidebar widget area and lesson sidebar widget area

#429 #

• When using more tag, there should be should be a “continue reading” button/link of some sort after the tag on blog pages, but its missing
• Check this screenshot
  

• In lines 16 and 17 of functions.php, use trailingshashit function to add trailing shash
• E.g:

    define( 'ASTRA_THEME_DIR', trailingslashit( esc_url ( get_template_directory() ) ) );
    define( 'ASTRA_THEME_URI', trailingslashit( esc_url ( get_template_directory_uri() ) ) );

It would be nice to make the theme white label URL relative or add the default site URL to the custom meta box so that it automatically gets added to the image path.

• When registering and enqueuing scripts in inc\compatibility\class-astra-contact-form-7.php line 65, you don't need to call wp_register_script() and wp_enqueue_script(). Just call wp_enqueue_script().
  This:

    wp_register_style( 'astra-contact-form-7', $css_file, array(), ASTRA_THEME_VERSION, 'all' );
    wp_enqueue_style( 'astra-contact-form-7' );

Should simply be:

    wp_enqueue_style( 'astra-contact-form-7', $css_file, array(), ASTRA_THEME_VERSION, 'all' );

• Only register if you don't know if you're going to load it immediately
• Also check following
  • inc\compatibility\class-astra-gravity-forms.php line 65
  • inc\customizer\class-astra-customizer.php line 614

Currently you can select things like Woocommerce (cart) OR Search, but not both.

For many shops you'll need both without having to resort to above or below header.

• Use esc_attr() in the following:
  • inc\blog\blog-config.php line 166 and 428 implode( ' ', $read_more_classes )
  • inc\core\common-functions.php lines 985 and 987 implode( ',', $rgb )
• Use esc_attr() instead of esc_html()
  • esc_attr should be used to escape html attributes rather than esc_html
  • inc\compatibility\woocommerce\class-astra-woocommerce.php line 936 esc_html( implode( ' ', $cart_menu_classes ) )

It seems that all the fonts given are just for English not for Chinese. And it is a stupid idea to upload Chinese fonts to my server as Chinese fonts are big.
Besides, I found nothing to edit in your style.css....It means that I cannot customize myself.

I'm trying to use font-weight 900 for Lato (https://fonts.google.com/specimen/Lato), but it's not available through customizer.

Hello! In translation process I've found untranslatable and mistaken strings. Here is the report.

Legend:
"#" - the way to the module
"—" - the string

####Astra settings
###Addons
##Header Sections

— This module introduces two more header sections in the website header.

####Astra settings
###Addons
##Footer Widgets

— Add customizable widget areas above the main footer.

####Astra settings
###Addons
##License

— Not Active!
— Active!
— Your license is active.
— Enter your license key.. [placeholder]
— License successfully validated!

####Advanced Headers
###Display Rules
##Display On
#Specific Target

— Please enter 2 or more characters

— Search pages / post / categories

####Advanced Headers & Advanced Hooks
###Table with headers or hooks
##Display Rules [column]

— Display:

####Strings with mistake(s)
Targer header based on user role.

##<artical> mistake
astra_entry_bottom - Action to add your content or snippet at bottom of the <artical> tag.
astra_entry_after - Action to add your content or snippet after closing <artical> tag.

• All translation functions must be escaped, as sometimes an improper translation may break the html.
• E.g:
  • Almost all instances of __()/_e() need to be esc_html__()/esc_html_e()
    • inc\admin-functions.php line 26
      'primary' => esc_html__( 'Primary Menu', 'astra' ),
  • esc_attr__() where used as attribute values
  • pas via wp_kses() if some html elements are required
• This needs to be done throughout the theme

Hey, I see you are using a mixin to calculate REM units (of-course with a fallback for px). But it would be great if you can set the REM value just to be same as px value except for the decimal point. Let me explain, please consider this example:

.ast-archive-description .ast-archive-title {
font-size: 40px;
font-size: 2.85714rem;
}

This is fine as the REM value is calculated programatically. But imagine if the user has to manually update this value, they have to calculate REM value manually using the same formula as in the mixin.

Now, imagine this:

.ast-archive-description .ast-archive-title {
font-size: 40px;
font-size: 4.0rem;
}

Make sense right? Both are same values except for moving the decimal place.

More examples:

font-size: 25px;
font-size: 2.5rem;

font-size: 16.5px;
font-size: 1.65rem;

This can be done by setting the base REM value on html.

html {
font-size: 62.5%;
}

You should check this typography article if you need more convincing details
https://gregrickaby.com/2013/05/using-the-golden-ratio-and-rems/

As per the article the line height of 1.625 also makes more sense considering the width of the content and number of characters printed in each line. But I leave that upto you.

PS: You can use the built in Chrome Font Size option to test this. Also I can help you test this if you guys ever decide to go this route.

• Globalize content width in inc\class-astra-after-setup-theme.php line 76-78

• When there are posts without title, it still must link to the single post view somehow from blog archive
• This is typically done by placing the permalink on the post date
• Currently, theme does have post date available, in meta but only for Pro version
• Theme needs to sort this issue
• Check this screenshot
  

• All public facing strings must be passed via translation function
• Check inc\blog\blog-config.php line 131 View all posts by

The webpage name (h1 by default) that I give in WordPress edit mode can be for example "About us".

The webpage name (h1 by choosing in Elementor) that I give in Elementor edit mode can be for example "About us".

Now I have two h1 tags and it can be very problematic for the Google SEO robot scanning the site.

doing in the css file .entry-title {display: none} doesn't solve the issue. Anything else to do?

How can I ensrue Astra won't print h1 tags at all? Thanks.

Who can to explain in details WHAT is the code

		$categories_list = get_the_category_list( esc_html__( ', ', 'astra' ) );

		if ( $categories_list ) {
			$categories = sprintf(
				esc_html( '%1$s' ), $categories_list
			);

How does it esc_html( '%1$s' ) protect against XSS??
And what is the point to escape the result of get_the_category_list()?
And what is it esc_html__( ', ', 'astra' )? We translate the comma? wow

Hi Astra devs,

Recently I installed a popular plugin named Enhanced Media Library Pro and through it I made Attachment post type also assigned to the builtin Categories taxonomy, so that I could easily manage my uploaded files.

All of a sudden the 'All Categores Archive' option under Posts is gone from the Display Rule. After digging into the code a bit I found this piece of code in the get_location_selections() function in class-astra-target-rules-fields.php:

$args       = array(
	'public'      => true,
	'object_type' => array( $post_type->name ),
);
$taxonomies = get_taxonomies( $args, 'objects' );
unset( $taxonomies['post_format'] );

Apparently, it would only work for taxonomies that are assigned to ONLY ONE post type. My suggestion here would be to utilize the get_object_taxonomies() function for each post type. My hack is to replace the above code with:

$taxonomies = array();
$taxonomy_names = get_object_taxonomies( $post_type->name );
foreach ($taxonomy_names as $taxonomy_name) {
	if ($taxonomy_name == 'post_format') continue;
	$args       = array(
		'public'      => true,
		'name' => $taxonomy_name,
	);
	$single_taxonomy = get_taxonomies( $args, 'objects' );
	if ( isset( $single_taxonomy[$taxonomy_name]->name ) && isset( $single_taxonomy[$taxonomy_name]->label ) ) {
		$taxonomies[$taxonomy_name] = (object)[
			'name' => $single_taxonomy[$taxonomy_name]->name,
			'label' => $single_taxonomy[$taxonomy_name]->label,
		];
	}
}

This works, but might not be the best way to implement. If by any chance possible, could you somehow utilize my hack above and come out with a better implementation that supports taxonomies attached to multiple post types?

Thanks a lot!

Font smoothing helps to render fonts to be much smoother and thinner. This makes a lot of difference in readability perspective, especially when using Google Fonts. You can test these fonts to notice the difference: Source Sans Pro, Poppins etc.

html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

or

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

Is it good with Jetpack custom post type or you advice / include portfolio sections to the theme as well?

• Readme screenshot images link and actual images used in screenshot are different
  • Provide proper links for images
• In assets\images\astra-starter-sites.jpg, you need to add links/licenses of the images used in this image as well as it is bundled with the theme