[Zed]

The post title in a single post section uses the H1 tag.
Post titles in a posts list (which the homepage is) use the H2 tag. On the homepage the H1 tag is used only by the site title (which natura-medioambiental.com does not display).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The headings font size is configurable in the theme options, but there is only one setting which applies to all headings (as they have synchronized sizes).

If you want to customize particular headings, use CSS:

h2 { font-size: ... }
h4 { font-size: ... }

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The theme displays the assigned featured image in lists (categories, archives, search results).

For the single views (single post or single page), images can be inserted directly in the content (at the desired location and with the wanted size).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Herve]

Hi,
Pardon An error by the codes of the theme twenty Fourteen but twenty Seventeen, sorry.

/* Gallery Columns */
 
.gallery-item {
max-width: 25%;
}
 
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
 
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
 
.gallery-columns-3 .gallery-item {
max-width: 33%;
}
 
.gallery-columns-4 .gallery-item {
max-width: 25%;
}

You have to adapt the code to your code

**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-icon {
	line-height: 0;
}

.gallery-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .9em;
	color: #fff;
	text-align: left;
	line-height: 1.3;
	background-color: rgba(0, 0, 0, 0.7);
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	width: 100%;
	cursor: default;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

Thank you

[Herve]

Hi,

I looked in the file “style. css ” From Twenty Fourteen, I found some code for the galleries.
I added the code in “style. css ” in the theme parabola
I just edit for 3 columns, instead of 33.33%, I put 30%
Here’s code

Code CSS

/* Gallery Columns */

.gallery-item {
max-width: 25%;
}

.gallery-columns-1 .gallery-item {
max-width: 100%;
}

.gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-columns-3 .gallery-item {
max-width: 33%;
}

.gallery-columns-4 .gallery-item {
max-width: 25%;
}

With this code in all your themes, more galleries problems.
This is the result
http://er.v.free.fr/index.php/ant-man-l-homme-foumi

These are the default values like H1, H2, H3,..
https://www.w3schools.com/cssref/css_default_values.asp
or
https://www.w3schools.com/tags/tag_hn.asp

Problem solved, thank you for your help

[haleygraham]

Also, I see that the recommended version of the plugin on the Appearance> Nirvana Plugins page is the 0.5.1 version, not the current version of the plugin, 0.5.9. I also have tried to install that version, without success.

[Rufus]

Hi – I’ve updated to 3.0.4 and it’s working fine now! I’m not sure why but the one change I made was to put in a functions.php with the newly-recommended enqueueing style so perhaps this was it (I’m sure I tried that earlier but… ah well!).

Thanks for your help!

[identity]

@Zed
New version 1.2.0 still doesn’t support categories and products of WooCommerce. Can you please give some advice for issue resolution?

[myob9a]

Tried this on another site with different content with the same result.

This issue is now the only thing holding back a ‘go-live’ update to the site.

[gnacca]

Sorry, I’m stupid. I didn’t create a menu at all so obviously the search field couldn’t appear.
Topic closed.

[myob9a]

Nearly did the trick, but the image top (say 80px) is at the bottom of the image. See url. I have no additional CSS code that modifies the classes you have used.

It distorts also in Firefox with that change.

Thoughts

Website: www.cla.williamsonau.com/cla/contacting-cla

[Herve]

Hi,
https://www.natura-medioambiental.com/la-sobrepoblacion-y-el-medio-ambiente-desafios-ante-el-cambio-climatico/
The title is well in H1 !

But there’s no H1
https://www.natura-medioambiental.com/
He put a image or a logo, from the shot of H1

[Zed]

See our custom menu tutorial:
https://www.cryoutcreations.eu/wordpress-tutorials/how-to-use-a-custom-menu-in-your-wordpress-website

After adding the menu item with # in its link field it, edit it once more and delete the # leaving the field empty. This will remove the link entirely.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Depending on what you’re currently displaying on the homepage, that would be simple or not.
If you’re displaying a static page, then it should be no different than the rest of the singe pages you added the background on.

If you’re displaying the posts list (or the theme’s presentation page feature which is an extension of the posts list), this behaves like a category/archive. Did you add the background video on other categories/archives? How?

Doesn’t the plugin provide a general way of setting a background video site-wide (CSS and/or script)?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[heinenmja]

This reply is private.

[elyselow]

This reply is private.

[newy219]

Hey alaba is this still working for you? I deleted my W3 cache and it seemed to work at first but now it’s doing it again.

Sometimes it doesn’t though. But if you refresh the page it usually doesn’t work. Have you experienced any of this?

[Wakachuli]

Hi, sorry for my lack of skills in this field, I’m just a writer.

I have noticed about the titles of my posts are H2. In order to have better results in SEO I need to have the Title post H1 by default. I have more than a thousand entries.

Please, give me a hand in a very easy language please?

Thanks a lot,

Marcelo

Website: www.natura-medioambiental.com

[krisb]

This reply is private.

[ncesareo]

This reply is private.

[kvalentk]

Thank you for replying, Keymaster. The problem that remained after I solved initial stuff by adding /#primary was with category pages, where you don’t set the Read More link manually. So every time the user selects one of these (for example at http://settingForth.pub > Help Me Write > Self-Help > category page display) the page reloads, goes to the top, and all that displays is the image.

I have found a workaround that I’m implementing now. It’s a plugin called Collapse-o-Matic that initially loads the entirety of each page/post, but with a specified portion hiddne. The user then clicks to display the hidden portion, and no reload takes place. This may cause a category page to load less quickly, so I’ll need to specify that fewer posts load, but that’s easy.

If there is a solution to this problem that I can make work on a category page, this will save me the trouble of having to open almost 100 posts and manually specify the portion of each that is to be hidden.

I would think that the solution to this should be included in an upgrade to Kahuna; it does seem an obvious need.

Thanks.

[Zed]

For best visual results, the menu items need to fit in the available space on the target screen sizes (and before the mobile menu is activated). If the menu items are too many for the screen, they will overflow and extend beyond one row.

Due to the complexity of the header there’s no magic fix for this yet. The solutions are to either limit the number of items to make the menu fit in one line (at least on the target screen size and larger) or activate the mobile menu earlier – when the menu no longer fits (using custom styling).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

For best visual results, the menu items need to fit in the available space on the target screen sizes (and before the mobile menu is activated). If the menu items are too many for the screen, they will overflowand extend beyond one row.

Due to the complexity of the header there’s no magic solution for this yet. The solutions are to either limit the number of items to make the menu fit in one line (at least on the target screen size and larger) or activate the mobile menu earlier – when the menu no longer fits (using custom styling).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Use a custom menu, add a custom menu item to it and leave the URL field empty for that menu item.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

@ncesareo, that seems to be caused by some styling change in a recent WooCommerce update which combines with the theme’s styling applied on inputs in a bad way.

Use this CSS to reduce the padding on the quantity input:

.woocommerce .quantity .qty {
    padding: .7em .4em;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

@simons, you’re adding inline styling to the images, making them float left (so the text wraps around). This applies to all devices.

You have to disable the floating for mobile devices for the images/text to be better aligned on small screens, for example:

@media (max-width: 640px) {
   #pp-afterslider .ppbox img {
       float: none !important;
       margin: 0 auto;
       padding: 0 !important;
       display: block;
   }
}

@Mezzent, same CSS can work for you as well.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The layout of the theme is not achieved with tables. The borders you are seeing around the content and sidebars are not table borders (so that option has no effect on them).

Those borders and their color is controlled by the theme’s third accent color option (together with other theme elements).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[kvalentk]

Second update to this: The plugin was too complex for me to understand and for my needs seemed slow, though other users were praising it highly. However, through experimenting, I discovered that “/#primary” (without the quotation marks) appended to a page/post permalink works, triggering scrolling down to the page/post. So everything specified in the menu as a custom link ending in /#primary works, presumably because there is some coding associated with menus that preserves # as # instead of replacing it with %23. But when a post on a category page is accessed by clicking a Read More link on the excerpt, the # in the link is changed to %23. I can’t find a way to get around this. Nothing in Settings > Permalinks helps (# gets stripped out); I can’t find a plug-in that will do it. So, does somebody know enough to tell a newbie what to put in a function that would work to preserve # as #?

[panduka]

I tried fix it but still couldn’t fix this issue

[darrenjadams]

Thank you… but I found that those images only displayed when the theme was previewed. After publishing, they disappeared, so the issue is resolved. Thanks again.