ilariasupermami

Thank you again!

• This reply was modified 7 years, 11 months ago by ilariasupermami.

Hi, thank you so much. Your code is great! The only problem I have is that in the first widget I have 9 photos, 3 for each line, but when I see it on different computers, with different size (e.j. 15 inches or 13 inches) the look changes. For example in the 15 inches I see 3 photos in 3 lines, while in the 13 inches I see 2 photos in 5 lines. Is possible to block it?

This is the code I have:

.site {
	max-width: 1500px;
}

@media screen and (min-width: 768px) {
	.front-widget-area #widget-area-5 {
		width: 75%;
		margin-right: 0;
	}
	
	.front-widget-area #widget-area-6 {
		width: 25%;
		margin-right: 0;
	}
}

Thanks!

Hi Kathryn, thank you again.
I think that this at the moment is very difficult to me.

But I have another idea that probably could be perfect.
In this moment I’m using only the first 2 widget front area. I’ll need that the 2 widgets will have a different width.
The first should be three times bigger than the second (ex. 900px and 300x.) It is possible? What CSS code I could use?

Thanks,
Ilaria.

Hi Kathryn, thank you for your replay.

Yesterday I traied to create the new widget, but I create an error, and then I restored the function.php.

I would like to try again, but let me now if I’m in wrong doing this:

First of all in the dashboard of my child theme I went in Appearance –> Editor. On the right side I selected Theme Function (function.php), and I copied and pasted this code

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function arphabet_widgets_init() {

	register_sidebar( array(
		'name'          => 'Home right sidebar',
		'id'            => 'home_right_1',
		'before_widget' => '<div>',
		'after_widget'  => '</div>',
		'before_title'  => '<h2 class="rounded">',
		'after_title'   => '</h2>',
	) );

}
add_action( 'widgets_init', 'arphabet_widgets_init' );
?>

Then, always in the right side, to go to to the sidebar.php I selected in template –> Sela (I don’t have all the php in my child theme, I only have the function.php and style.css), and then in sidebar.php I copied and past this code

<?php if ( is_active_sidebar( 'home_right_1' ) ) : ?>
	<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
		<?php dynamic_sidebar( 'home_right_1' ); ?>
	</div><!-- #primary-sidebar -->
<?php endif; ?>

But then what I have to do? I only have to change home_right_1 in this <?php dynamic_sidebar( ‘home_right_1’ ); ?>

I only can see a big with space between the menu and the logo. How can I put it after the “third front page widget area”?

Thank you again,
Ilaria!

Hi @siobhyb!
The code for the content-area resolved my problem! Thank you so much!!!!

I also resolved the problem of the post’s height in the grid page using this code (I include it for the future), that is able to show only image and title:

.archive .entry-content p {
		display: none;
	}

Thank you again!

• This reply was modified 8 years, 1 month ago by ilariasupermami.

Thank you so much Siobhyb.

I tried the CSS you wrote me, and I’ve just done a couple of changes to show the right sidebar. It works when I have only 2 posts, but with more posts, the sidebar is on the bottom of the page. How could I change the code?

I have another question: is possible to set the same height for all the post? If not, how could I show only the image and the title for each post?

I leave the code in my blog, so you can see it.

@media screen and (min-width: 1180px) {
.archive .page-header {
margin-left: 0;
}

.archive .sidebar-widget-area {
display: inline;
}

.archive .content-area {
width: inherit;
padding: 3em 3% 0;
margin: 0 0 0 20px;
float: left;
}

.archive .post {
width: 300px;
margin: 0 50px 0 0;
max-width: 100%;
float: left;
}

.archive .post .post-thumbnail {
margin-left: 0;
width: 100%;
}

.archive .post .post-thumbnail + .entry-header {
margin: 0;
padding-left: 0;
}

.archive .post .entry-body {
padding: 0;
}

.archive .post .entry-meta {
position: inherit;
text-align: left;
width: 100%;
}
}

Thank you so much, your support is so helpful!

Hi Siobhan Bamber, I thank you very much for your help!

Unfortunately I had a lot of problem to create the child page (now I have one that I have create with a plugin), and then I lost all the setting of my home page.

I copied the php file from the original sela theme, and I pasted it in Appareance–>Editor and the I changed the orderbay, but my page always looked the same.

So I get very sad, and decided to eliminate the grid page and to put all my images and links directly in the page…now it looks good.

Thank you for your time,
Ilaria!

UPTADE

Casually, I erased the order page in every child page, and now they look all in the right place.
The only problem is that they aren’t listed alphabetically. How can I set this?

Hi, used this code and it worked until I had only 2 lines of three columns. Now I had more than 2 lines, and the number will increase, and in the line 3 I have only 1 image, and the same is the line 4.
You can see the page here https://supermamiblog.com/b/per-ingrediente/
Any suggestion about what I should do?
Thanks,
Ilaria!