Centering text, spacing images and iPhone

Hello, here is my link. blog.jorgegarciaphotography.com. Here are my issues.
I want to upload my horizontal images at 706px x 471px and verticals at 351px x 471px. Is my math incorrect? The spacing between the two verticals differ from the space above them. I prefer all images to have the same space that is above the verticals. I also want the text to fill in the width of the horizontal images. I currently placed the following code.
p {
margin-top:20px;
margin-bottom:50px;
margin-right:120px;
margin-left:120px;
}
But now my copyright has shifted right. Please help.

Thank you! View attachment 3222

 

Also, on the iPhone it can't be viewed correctly.

 

Please view this post(http://blog.jorgegarciaphotography.com/another-test-page/) to see how I want my posts to look. I need to space the images evenly.

 

Hello,

You have added br tag (<br>) in between your horizontal and vertical images
but not added in other post that's why they are looking different.

For iPhone issue, paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px) {
p {
margin-right:20px;
margin-left:20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
p {
margin-right:20px;
margin-left:20px;
}
}

 

Thank you for the response. I don't see or remember entering a <br> tag. Is it being inherited from the following p style I added to the custom CSS window?
p {
margin-top:20px;
margin-bottom:50px;
margin-right:120px;
margin-left:120px;
}
I want all my posts to look like this one. http://blog.jorgegarciaphotography.com/another-test-page/, but without the big space between the horizontal and the verticals. How can I make it even? Please advice. Thank you!

 

OK, thank you! You were correct. I hope this is my last question for awhile. I only want to see posted date and posted by on my site. Please advice.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 li.post_category {
display: none!important;
}
li.postc_comment {
display: none!important;
}

This will solve your issue.



Thanks & Regards
Gourav Shrivastava

 

I'm sorry but the code given above did not work.
Also, I would like to create a page with the heading WEBSITE that will link to my website from the Wordpress blog. Thank you and have a great day.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.post_category {
display: none!important;
}
 
.postc_comment {
display: none!important;
}

It will remove Posted By and Posted Date.

And for your second issue just create a page with name "WEBSITE " and paste its link to WordPress Blog. Whenever any pone click on that link it will be redirected to that page.

Thanks & Warm Regards
Harmeet Singh
InkThemes.com

 

The code only works for the iPhone. However I can still see it on a web browser on a computer and iPad.
For the other issue, I want users to click on the page "website" and be redirected to a new site.
Thank you for your help.

 

Hello,

For this issue,
Go to the Appearance -> Theme Options -> Styling Options -> Custom CSS section of your dashboard
and put the closing curly braces i.e "}" as instructed in the image given below.




This will make the code to work for all devices.

For this issue you can create custom menu.
Go to the Appearance > Menus panel in your dashboard and create custom link as instructed in the image given below.



This will solve your issue.

 

Amazing! It's looking great! On mobile devices however, when viewing pictures they are not directly under one another. I guess this is because some vertical pictures are aligned right and some aligned left. Can this be fixed only for mobile devices? Thank you soooo much!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.content-bar .post img {
width: 100%!important;
}}

Thanks & Regards
Nitesh Raghuwanshi

 

Hello Nitesh, This seems to have solved the issue on the iPhone when viewed in vertical position. When viewed horizontal position on the iPhone the pictures look staggered.
The site looks great on the iPad when viewed in horizontal position but when viewed in vertical position on the iPad it is staggered. Thank you very much!!

 

Hello,

Paste the code given below also in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.content-bar .post img {
width: 100%!important;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.content-bar .post img {
width: 100%!important;
}
}
 

This will solve your issue.

 

I have uploaded two pictures to show how they look in mobile devices. One is iPad in vertical view. iPad horizontal view is good.
The second picture is iPhone in horizontal view. iPhone in vertical view is good.

 

Hello,

Could you please provide the following information listed below.

Thread Link: http://www.inkthemes.com/community/threads/centering-text-spacing-images-and-iphone.9646/
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will check and try to resolve your issue.

 

Hello,

Your issue has been resolved and you can check your website.