Rachel

Hi there,

Sorry for the confusion! The two Edin themes are indeed the same, but there are a few steps to set up the front page template to match the demo. The WordPress.com Edin theme page has some details to help with that:

When you first activate Edin, you’ll see your posts in a traditional blog format. If you’d like to use this template as the front page of your site, follow these instructions:

1. Create or edit a page, and then assign it to the Front Page Template from the Page Attributes module.
2. Add an introduction to your site. For best results, we recommend a few paragraphs.
3. Set your front page image — behind the text — as a Featured Image.
4. Go to Settings → Reading and set “Front page displays” to “A static page.”
5. Select the page to which you just assigned the Front Page Template as “Front page,” and then choose another page as “Posts page” to display your blog posts.

The rest of the content on the front page can be added in a couple ways:

1. Head to Appearance → Customize in your dashboard. In the “Theme Options” section, you can choose up to three featured pages to appear on the front page.

2. Head to Appearance → Widgets in your dashboard. In the “Front Page” and “Footer” widget areas, you can add widgets to appear on your front page.

Please let me know if you have any questions about those steps or other features in the Edin theme. ??

Hi there,

You mentioned you have a host you’re happy with — if you’re looking at the $99 WordPress.com Premium plan, that only applies to sites hosted at WordPress.com. If you have your own host and your own WordPress installation, you don’t need that plan or any other WordPress.com-specific upgrades.

Instead, you can follow the documentation in the www.ads-software.com Codex to customize your theme. I’d recommend creating a child theme based on the Bushwick theme and then adding your customizations to that child theme.

Hi Tim,

Do you mean your blog at https://dailyfantasyhockeyadvice.com/ that’s using the Writr theme? Since that blog is hosted at WordPress.com, it’s a bit different from self-hosted WordPress blogs using this theme.

If that’s the blog you mean, you’ll want to take a look at the guidelines for affiliate links and advertising at WordPress.com. You can also contact WordPress.com support for help specific to your blog hosted there — these forums at https://www.ads-software.com/support/ are generally for self-hosted WordPress blogs, so the information and advice you’ll find here won’t necessarily apply to that blog.

Hi there,

This is actually part of WordPress itself, rather than the Pictorico theme in particular. When you insert an image, WordPress should remember your selection and choose that same image size by default for the next image you insert.

You might also want to check out your site’s media settings (under Settings > Media). There, you can change the size of medium and other images — if you want you can make medium-sized images bigger so when you insert a medium image it’s the size you want it to be in your post.

Hi efetack,

After you enter an email address under Appearance > Customize > Theme > Gravatar Email, the theme uses the Gravatar image linked to that email address at https://gravatar.com/ . You can check to see how a particular Gravatar will be displayed by entering the email address here: https://gravatar.com/site/check/

If there isn’t a specific Gravatar you want to use there, you can leave that space blank and just use the theme’s custom header image, instead. Another option might be to set a custom default avatar that is displayed when the email address doesn’t have a Gravatar linked to it. That way you can choose what image is displayed by default, but the person you’re building the site for can always change it to their Gravatar later on if they want.

Thanks for confirming the details about your device. I reproduced the issue on my iPhone 6, also running iOS 8.1. I have an inkling about what’s going wrong and reported the issue to the theme developers so they can take a look at it.

We’ll let you know once we have an update about that! Let me know if I can do anything more to help in the meantime. ??

Hi there,

As @fevered mentioned, I’d recommend using either a child theme or a CSS plugin to add custom CSS instead of making those changes directly to the style.css file. (I use the custom CSS module in the Jetpack plugin, myself.)

I took a look at your site, and it looks like you have this CSS:

.home .site-content .entry-header, .archive .site-content .entry-header, .search .site-content .entry-header {
left: 0;
}

Changing the first selector (.home .site-content .entry-header) to the one you mentioned above (.blog .site-content .entry-header) should fix that on your page here: https://laurafrantz.com/journal

Nice work! ?? That looks like a good solution to me.

Thanks for that screenshot! That’s actually how the Pictorico theme is meant to look on mobile devices like your iPad. You can check that out on the Pictorico demo site here: https://pictoricodemo.wordpress.com/

If you’d like to change how that looks, you can use CSS media queries to target the CSS specifically on devices with smaller screen sizes. You can learn more about using media queries that target certain screen sizes here:

https://en.support.wordpress.com/custom-design/custom-css-media-queries/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
https://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Please let me know if you have any other questions about that. ??

Hi there,

It’s very possible these types of plugins don’t work well with the P2 theme. I’d recommend getting in touch with the plugin authors for more information about the specific plugins you’re trying out.

I’m not sure what you mean by antitalent. Can you provide more details about that?

Hi there!

It’s a bit hard to know exactly what’s going wrong without seeing your site, but I’ll do my best to explain what I think might be happening. ??

Pictorico includes some other width settings for the search area and the navigation/menu area. If those widths plus the 50% width you set for the title area add up to more than 100%, that could be pushing the search area down to the next line.

You can try adjusting those widths with CSS like this:

.site-branding {
	max-width: 50%;
}

.header-search {
	max-width: 15%;
}

.main-navigation {
	max-width: 35%;
}

That way, the three sections in the header will have a total maximum width of 100%. Please let me know how that goes! ??

(If you’re still running into trouble with it, you could use a site like Snaggy to share a screenshot of the problem you’re seeing. It’s not quite the same as being able to see the live site, but it might help illustrate the issue.)

Hi Petra,

The basic idea with having a copy of your site on a development server is to have a second copy of your site hosted somewhere where you can test things out before making changes to your actual site. The WordPress codex has some tips for running a development copy of WordPress, or you can contact your website host for their advice on setting up a development site with them.

If that doesn’t sound like something you want to try, and you’re ok with making the change to your live site, you can just add the site logo back to your site at https://www.theglobalcouple.com and we can take a look at it there. That will help us see what’s going on with the logo there.

Hi there!

How can I make the NL and EN as buttons above the header in a way that they will also show up there if you visit the site on a phone?

The Illustratr theme is responsive and uses CSS media queries to change how the menu appears on mobile devices. Specifically, Illustratr switches to that dropdown menu style on any devices with screen sizes that are 959 pixels or less. You’ll need to add CSS rules using media queries to move those EN and NL buttons above the header on those smaller screen sizes.

For example, you could use a media query like this to adjust the two menu items position on screen sizes that are 959 pixels or less:

@media screen and (max-width: 959px) {
#menu-item-627 > a {
top: -650px;
right: 10px;
}

#menu-item-628 > a {
top: -688px;
}
}

You can adjust that CSS to position the menu items the way you want them. You may also need to make other CSS tweaks using media queries to how those menu items appear on various screen sizes, and to make those menu items appear even when the menu dropdown is closed on mobile devices.

You can learn more about using media queries that target certain screen sizes here:

https://en.support.wordpress.com/custom-design/custom-css-media-queries/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
https://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

You might also want to consider using a different approach altogether. Since you essentially want these two menu items to act as a separate menu on your site, you might want to create an Illustratr child theme and add a third menu to that child theme. That way, you could style that third menu completely separately from the main menu — that might be easier than all the CSS tweaks I mentioned above. You can learn more about Child Themes and Navigation Menus if that sounds like an approach you’d like to go for. ??

My other question is about the social menu, this is at the bottom of the page. If you click one of the items the link opens on the same page. I would like to know how I can make the link open in a new window/ tab.

You can change this under Appearance > Menus in your dashboard, while you’re editing your social menu. In the screen options at the top of that page, make sure the box next to “Link Target” is checked: https://cloudup.com/c-Hdc7m6xnB

Then, when you’re editing each menu item, you’ll see a box that says, “Open link in a new window/tab.” You can check that box to have that link open in a new window/tab: https://cloudup.com/cPeJ4NQoupa

You can learn more about all the options for menus on the Appearance Menus Screen help page and WordPress Menu User Guide in the Codex.