Centering images
10 years ago
tammom
Member
I have a number of SMThemes installed for a client. With about four or five of them, my client is unable to center an image. I have tried and tried and tried and couldn't get it to work, either. I even hard-coded in an image to align to the center and when it was published, the image went to the left regardless of what I did. Since John refuses to help with design elements, I am once again left with the impression that this is a design FLAW in the theme coding. Any assistance would be appreciated.
TK Harrison |
10 years ago
Matt
Member
Hi there,
Could you give us URL of a website where the problem is, or name of a theme? |
10 years ago
tammom
Member
www.livingprocessedfree.com
www.redkettlecook.com www.crafters-corner.com www.thefamilysqueeze.com www.life-longlearning.com |
10 years ago
tammom
Member
oops, sorry - theme names next to domain names:
www.livingprocessedfree.com - Penthouse www.redkettlecook.com - HomeDish www.crafters-corner.com - Queen www.thefamilysqueeze.com - Milady www.life-longlearning.com - MuscleCars |
10 years ago
Alice
Support Service
Hi!
Which images do you want to center align? |
10 years ago
tammom
Member
It doesn't matter - none of the photos my client puts in center. I need to know how to fix this for her.
|
10 years ago
Dave
Support Service
Hi!
It depends on the image you want to center align. If it is the featured image you need to set the option "Loop image position" to center. If you want to align all the other images in your posts/pages you need to read the following instruction: |
10 years ago
tammom
Member
I know for a fact that just centering the image does not work - my client has tried it and I tried it - even going in and altering the HTML coding before publishing and the image STILL wouldn't center.
She does not want to center all images so don't want to change the coding on all of the pages. We just want the theme to work as it's supposed to! Tammy |
10 years ago
Dave
Support Service
Probably, this is caused by the work of your third-party plugins. They can use their own styles and override your custom css.
|
10 years ago
tammom
Member
This client has well over a dozen sites on my server using SMThemes and the sites mentioned above are the ONLY sites that have the centering problem - and ALL of the sites have the exact same plugins. I disagree with you on blaming something other than the theme code.
|
10 years ago
Dave
Support Service
Please, specify the image you want to center align and the page where it is placed.
|
10 years ago
tammom
Member
ANY image on any of the sites listed above will not center, so you can look at any of the sites to see if you can figure out how to center it.
|
10 years ago
Dave
Support Service
!)Obviously, you set the right alignment on home page of www.livingprocessedfree.com. There is the class:
that means you set the right alignment for this image. 2)As I can see you have set the left alignment for the image on http://redkettlecook.com/.All that means you just have to use the instruction: and set the alignment for your media file. If you still can't do it, give me an access to one of your websites and I will set the image alignment. |
10 years ago
tammom
Member
Where are you seeing "class="rg_i alignright" on LivingProcessedfree.com? I have searched the main CSS and an not finding it (nor did I find it under the loop, functions, main page template, etc.).
|
10 years ago
tammom
Member
And yes, most of the images on all of these sites are to be left justified (including the one you selected). John sent me the code to do this:
.post-body img {margin-left: 10px; margin-right: 100px;} But, there are times my client wants to center an image and she's unable to do so. |
10 years ago
Dave
Support Service
Hi!
This class is set for the image in the post "EVERYDAY HABITS THAT AGE YOUR SKIN". Please, give your client the instruction I gave you. Because it is the only way to center the image on page in WordPress. If she doesn't know how to set the alignment for the featured image she has to: 1) open the page Theme Settings --> Layout; 2) set the appropriate "Loop image position"; 3) save changes by clicking on a check mark on the right. |
10 years ago
tammom
Member
This does NOT center the image. All it does is center the content - the image WILL NOT center - even when I go into the properties of it and tell it to center the image. grrrrr
|
10 years ago
tammom
Member
You may have checked your most recent comment off as a solution but it is hogwash. It STILL does NOT center the images!!!
|
10 years ago
Dave
Support Service
Sorry, it was a misprint. Of course, you have to set "Loop image position". Besides, this option concerns only alignment for the images that are set as a featured image for posts/page. It won't work for all your images in post. The image alignment for all the others media files you have to set when editing the post/page by clicking on the image.
|
10 years ago
tammom
Member
Nope, still doesn't work. The "Loop Image Position" was already turned on in the theme. Centering the image through both the media file as well as the image editing doesn't change the image to centered. It will go left and it will go right but it will NOT center.
|
10 years ago
Dave
Support Service
I can't understand what are you talking about. I explained you how to align the featured image and the other media you insert.
As I can see it works for all the other customers that buy our themes. Moreover, it works even on your websites that are listed above in the second post. Lets analyse your clients website. 1) the first website: http://livingprocessedfree.com/. All the products(books images) are aligned left. It is not the featured images, but product images. Probably, you have used some plugins for this. If yes - we can't guarantee the proper work of the theme as plugins can include css files. But the alignment works. 2) www.redkettlecook.com - the same thing. Image products are aligned left by you. 3) http://crafters-corner.com/ The first post contains the image with attribute Hope, you know what it is. This image is aligned right and even adjusted to your needs using advanced setting for images lice "CSS styles", because the code: is inserted.As you can see your clients are able to customize their websites, image position and even more. I don't know why you don't align the images to center, but all the code is provided to do this. It is located in the css/index.css file:
All the types of alignment is provided. |
Leave a reply
Search by forum
SMThemes.com Support
-
Categories
- Framework
- Themes
- Affiliate Company
- Sponsorship Useful pages
- How to start using our themes
- Contacts