Search Results for 'Page'

[nolte_hans]

nolte_hans

#283884

Hi Chito,

many thanks for your help

I can’t get it to work.

Unfortunately, I don’t know if the fonts aren’t found or if there’s something wrong with the script

I am in wp-content\themes in my Child-Theme
I have these 2(4) Fonts direct in my Child-Theme.
fordantenna-bold.woff
fordantenna-bold.woff2
fordantenna-regular.woff
fordantenna-regular.woff2

This Snippet is in the functions.php. (How do I actually rewrite the snippet for multiple fonts?)

add_action( ‘admin_enqueue_scripts’, ‘custom_styles_for_admin’ );
function custom_styles_for_admin(){
echo “<style>
@font-face {
font-family: ‘fordantenna-regular’;
src: url(‘”. get_stylesheet_directory_uri() .”fordantenna-regular.woff2’) format(‘woff2’),
url(‘”. get_stylesheet_directory_uri() .”fordantenna-regular.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}</style>”;
}

I close WordPress, clear the Cache and restart the Apache and MySQL.
I have also tried with a fonts folder (with customized path for each), in the child theme, in the wp-content folder and in the wp-content\uploads\font folder.
Nothing happens, no entry appears in the font selection in the edit page.

I hope you have another good tip for me.

Many greetings
Hans

[Karla]

Karla

#283883

Hi, Milla.

From what I can understand, you want to show content in a narrow way. Is this correct?

The iPhone has smaller widths and it is expected that you will see the contents to show smaller as well (in terms of width). OnePlus most probably has a bigger screen size so you’re seeing contents showing wider and fewer lines.

Here’s what you can do to make the contents look smaller on other mobile screens:

1. Edit your page’s Row Layout blocks
2. Go to Block settings > Advanced tab and adjust the left and right padding values for the mobile or tablet views.
3. Use the fluid units like em or rem

Here’s a screen recording for your reference – https://share.getcloudapp.com/6qubdQml.

I hope this helps, and let us know if we can assist you further.

Kind regards,
Karla

[Karla]

Karla

#283882

Hi, Mark!

I’m sorry for misunderstanding your requirement previously.

To exclude the subsequent pages, add the “Paged” pages on your hooked element’s Exclude Settings. Here’s a screen recording for your reference – https://share.getcloudapp.com/DOul5oOd.

I hope this helps, and please let us know if we can help you further with this.

Kind regards,
Karla

[Karla]

Karla

#283881

Hi, Mark!

The title area for the categories is a separate section from the content area with the sidebar. Those will not be affected by the max width that you’re using.

If you do not want them full-width, you can go to Customizer > Pages/Posts Layout > Archive Layout and select either STANDARD or CONTAINED for the Container Width option. Watch this screen recording for your reference – https://share.getcloudapp.com/Apuv7G9g.

For the element, are you using a Row Layout block there? It would be great if you can set up a staging or test website so we can see your actual page. This will help us better know your setup and help you fix the layout you want.

Please let us know if we can help you further.

Kind Regards,
Karla

[chitocamacho]

chitocamacho

#283879

Hi Hans,

You can also add this filter so that the page editor can see the font.

add_action( 'admin_enqueue_scripts', 'custom_styles_for_admin' );
function custom_styles_for_admin(){
   echo "<style>
@font-face {
    font-family: 'yourfontfamily';
    src: url('". get_stylesheet_directory_uri() ."/fonts/yourfontfamily.woff2') format('woff2'),
         url('". get_stylesheet_directory_uri() ."/fonts/yourfontfamily.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}</style>";
}

Replace ‘yourfontfamily’ with the correct font family.

You’ll need to adjust the URL path and point it to the font file. The above sample code finds the font files inside the fonts folder of the wp-content folder.

You could also consider using the Kadence Custom Fonts plugin: https://www.kadencewp.com/product/kadence-custom-fonts/

However, that plugin is available only in bundles.

I hope this helps, and let us know how we can assist further.

Kind regards,
Chito

[nolte_hans]

nolte_hans

#283876

Hello everyone,

I installed custom fonts with this script.
*Login to see link
It works fine under the Customizer but unfortunately I can’t see/select the Fonts in the Edit Page.

Is there a solution for this?

Best regards
Hans

Customizer:

Edit Page:

[nolte_hans]

nolte_hans

#283876

Hello everyone,

I installed custom fonts with this script.
*Login to see link
It works fine under the Customizer but unfortunately I can’t see/select the Fonts in the Edit Page.

Is there a solution for this?

Best regards
Hans

Customizer:

Edit Page:

[admin-2568]

admin-2568

#283860

This reply has been marked as private.

[Karla]

Karla

#283858

Hi there!

The global color palette of the theme will be used globally by website elements and there is no option to add colors there currently. To learn more about the colors, kindly see this post – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-use-the-kadence-theme-color-palette/.

On the other hand, if you’re using the Kadence Blocks plugin and you want to add colors (or define your own) to be easily used while constructing your page content, you can follow the steps from this post – https://www.kadencewp.com/kadence-blocks/documentation/getting-started/how-to-define-a-color-palette-with-kadence-blocks/.

Please let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#283856

Hi there!

Thank you for giving us the page URL.

I saw that you’re using the Navigation Menu widget of WordPress. This is not connected to the mobile header option that makes parent menu items toggle their sub-menu.

What you can do as an alternative is to use your mobile header on desktop views too. To do this, follow these steps:

1. Go to Customizer > Header > Design tab
2. Adjust the “Screen size to switch to mobile header” option to a higher value

This way, your mobile header layout will be the one to show on desktop views. That will also use the mobile menu style that you want. Here’s a screen recording of how it will work – https://share.getcloudapp.com/YEue7lzp.

I hope this helps. Please let us know if we can assist you further.

Regards,
Karla

[Mark]

Mark

#283855

If the above is not possible, is there a way to insert the custom post element on another page? Essentially, I want to use my existing custom post layout designed via Element on a custom front page. I don’t want the front-page customizations to extend to every page of the archive including page 2 and so on.

Hope that makes sense.

Thank you in advance!

Mark

[chitocamacho]

chitocamacho

#283846

Hello Mathieu,

Thanks for writing in and for sharing the link to the page in concern.

I suggest wrapping the Paragraphs inside a Kadence Section block for each column and apply a min height that you see fit. Here’s how it works: https://share.getcloudapp.com/bLulWZl1

I hope this helps, and let us know how we can assist further.

Kind regards,
Chito

[mathieu.pagnier]

mathieu.pagnier

#283842

Hello,

I want to align all the buttons down for each of the columns.

See example on the page:
*Login to see link

I can’t find how to do it, can you help me?

Thanks in advance

Mathieu

• This topic was modified 2 years, 11 months ago by mathieu.pagnier.

[mathieu.pagnier]

mathieu.pagnier

#283842

Hello,

I want to align all the buttons down for each of the columns.

See example on the page:
*Login to see link

I can’t find how to do it, can you help me?

Thanks in advance

Mathieu

• This topic was modified 2 years, 11 months ago by mathieu.pagnier.

[Karla]

Karla

#283837

Hi, Polly!

The image will be used as the background image of the archive’s “Above Content” title section. This option can be seen by going to Customizer > Posts/Pages Layout > Archive Layout.

Here’s a screen recording of how it will be used – https://share.getcloudapp.com/jkuAxv77.

Please let us know if we can help you further with this.

Kind regards,
Karla

[Mark]

Mark

#283836

Hi Karla,

Thank you for your response.

I’m looking to exclude the element heading on page 2, page 3, etc. I only want this addition to show on the main page. When I select just the blog page setting, it shows on subsequent pages, your settings also show on subsequent pages. Is there any way to make this work on the main page only, and not the next pages?

Thank you in advance,

Mark

[Karla]

Karla

#283835

Hi, Mark!

Since you’ve set the homepage to show the latest posts, it has become the “blog page” too.

Here are the display settings to include:

• Show On: Blog page
• Add a rule and select “Paged” too

Here’s a screen recording of how it will work – https://share.getcloudapp.com/E0uXxopm.

I hope this helps. Please let us know if we can assist you further.

Regards,
Karla

[Karla]

Karla

#283833

Hey there!

Please could you send us a screenshot of which images you’re referring to exactly? Are you referring to the featured images of posts on an archive page or on the single post pages?

Also, you’re using the Generatepress theme, not the Kadence theme. Kindly reach out to their support team instead if you need help with their theme.

On the other hand, there are settings in the Kadence Theme > Customizer to set a ratio for the featured images on the archive page and single post pages. Go to the following settings:

• Customizer > Posts/Pages Layout > Archive Layout
• Customizer > Posts/Pages Layout > Single Post Layout

Let us know how we can help you further.

Regards,
Karla

[Karla]

Karla

#283832

Hi, Catherine!

Thanks for giving the page URL.

To achieve the layout you want on that page, you can add this to Customizer > Additional CSS:

#archive-container .custom-archive-loop-item:nth-child(odd) .kt-row-column-wrap .wp-block-kadence-column:first-child {
    order: 2
}

This is how it will look – https://share.getcloudapp.com/yAuJdkBE.

After saving the changes, make sure to clear your website cache so they will be applied to your pages right away.

I hope this helps, and let us know if we can assist you further.

Regards,
Karla

[Mark]

Mark

#283821

Hello,

My front page is currently set to the latest blog posts and I am trying to insert an Element item on this page only below the header. When I select show on Front Page, it does show on the front page, but also page 2, page 3, etc. I am looking to show the element item on the front page only when set to the latest blog posts.

Thank you in advance!

Mark

[Mark]

Mark

#283821

Hello,

My front page is currently set to the latest blog posts and I am trying to insert an Element item on this page only below the header. When I select show on Front Page, it does show on the front page, but also page 2, page 3, etc. I am looking to show the element item on the front page only when set to the latest blog posts.

Thank you in advance!

Mark

[bhuttomehran33]

bhuttomehran33

#283817

Hi,

How to set a Fixed size for all featued images showing on my Home page? Is there a global setting for all posts? I don’t want to set it for individual posts, but for all posts.

Here’s my Home page: *Login to see link

Thanks.

[bhuttomehran33]

bhuttomehran33

#283817

Hi,

How to set a Fixed size for all featued images showing on my Home page? Is there a global setting for all posts? I don’t want to set it for individual posts, but for all posts.

Here’s my Home page: *Login to see link

Thanks.

[teejayhidalgo]

teejayhidalgo

#283813

Hi Martha,

I see that the H1 titles on your pages have white fonts.

The Title in the editor will take the color that you set in the Customizer > Colors & Fonts > Typography settings for the H1.

If you need the H1 tags on your website to be white but would like the title in the Editor to be black, you can install this plugin: https://wordpress.org/plugins/code-snippets/ and then try this code snippet to add an admin style that forces the title in the editor to always have your preferred color:

add_action('admin_head', 'my_custom_fonts');

function my_custom_fonts() {
  echo '<style>
    .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1 {
      color:black;
    } 
  </style>';
}

Please see this screen recording for reference: https://share.getcloudapp.com/p9ueLkbO

Let us know how it goes, we’ll be more than happy to help.

Best regards,
Teejay.