Hi @rasta_wdpr,
It may take us a couple of days, especially over weekends, but every thread started on a sub forum for an Automattic theme will get a response. 🙂
> on the home page: how can i add horizontal space between the two images?
Illustratr will automatically add horizontal space between your images, as shown on its demo site:
https://illustratrdemo.wordpress.com/
If you’d like to increase the space, add the following custom CSS to your plugin’s editor:
@media screen and (min-width: 1220px) {
.portfolio-wrapper .portfolio-entry {
margin: 0 30px;
width: 300px;
}
}
In the above snippet, you can decrease the value of width to further increase the amount of space between each image. You will need to increase the 30px margin by half the amount you decrease the width by in order to keep your images centred.
For example, if you decrease width by 40px to 260px, then increase the margin to 50px.
> on the home page: how can i move the title “roy st. c. rossow” up to the top of the page?
Are you trying to reduce the amount of spacing between the title and the top of the page? If so, the following custom CSS will do the trick and also position the title to the right:
.site-header {
padding-top: 0;
text-align: left;
}
Let me know if that CSS helps out or if you have any extra questions.
Thanks for responding… Sorry I was a bit impatient.
the two images:
this is confusing and acting weird…if you look at the home page without the code you provided… the 2 images will line up.. and if i add space between using the spacebar.. it will be ok… but as soon as i add a hyperlink to either image …they then overlap each other.
ok so then if i don’t add a hyperlink to either image but i try to center the images, they become vertical aligned…
what is happening?
the title:
i added the code .. it worked on the main home page but not on the other pages, site wide.
oops scratch the “Title” code issue… silly me didn’t refresh the browser window….
Hi @rasta_wdpr: I took a closer look at your site and can see that you’ve manually inserted images to the front page.
The theme’s demo site makes use of Jetpack’s Portfolio custom content type and is what I was basing my CSS from.
Have you considered using Jetpack’s Portfolio custom content type instead of manually adding images to your front page?
Is using the jetpack plug in the only way to work with this theme?
I want to make the site pretty simple like the sample image i have here: http://rossow-web.com/sample1.jpg
I also will be making regular updates to the site, so i want to make it as easy as possible.
I noticed also when i resize the window the space changes…
Jetpack isn’t required but the plugin will unlock some of the theme’s features, including the option of adding Portfolio items and a logo.
If you’d prefer to manually add images, over using Portfolio items, you could consider using WordPress’ built in option for adding a gallery. Images in galleries are styled and spaced out evenly by default, and won’t require you to dig into CSS for layout purposes.
You can find guidance for setting up a gallery here:
https://codex.wordpress.org/The_WordPress_Gallery
There are also plugins to enable you to add custom links to images in galleries, such as this one:
https://en-gb.wordpress.org/plugins/wp-gallery-custom-links/
Let me know if that helps.
ok. thank you… i am familiar with how to set up a wordpress gallery. i dont really care for it
i added the jet pack plug in, just to test it out….i really didn’t like the carousel gallery style..
regarding the front page… i haven’t figured that out yet… thanks!
Hi @rasta_wdpr,
I’m taking a look over your site at rossow-web.com and can see you’ve now added one large image to the front page.
If you’re still going to replicate the look of the image you linked to by manually adding images to your front page, please add a few images and I can then help with specific custom CSS. Make sure that the images are all aligned to the left within your editor.
ok… i really appreciate you responding. that is really nice of you. i had just given up and just went with a easy way… one image.
You’re welcome. 🙂 Reply back here if you decide to add a few images to your site so that I can then inspect its code directly and come up with custom CSS (it’s tricky for me to do this while there’s only one image on your front page).
