Just to clarify that on the Grid view images are moved to right side where the price is located while i need it to be displayed on the left side.
Much appreciated,
Hi,
can you paste a link to a page where you are having this problem? It is hard to help without it as this most likely is some conflict with the theme CSS.
Hello Greg, Thank you so much for your reply. I’m developing the website locally and haven’t launched it yet.
The problem has occurred after creating child themes, I’m using child theme as the default one.
1- https://prnt.sc/lqmz5p
2- https://prnt.sc/lqmztt
3- https://prnt.sc/lqn07l
4- https://prnt.sc/lqn0hi – The logo should be on right side
Much appreciated,
Hmm do you mean the price or the logo to be on the right side as right now on the first image the logo is actually on the right side?
It seems that for #1 and #2 moving the price to the left size would fix the layout, if so then you can add the code below in the wp-admin / Appearance / Customize / Additional CSS panel it should do that
.adverts-item .advert-price {
right: auto;
left: 0.5em;
}
.adverts-item.adverts-item-col-1 .advert-price {
left: 0 !important;
right: auto !important;
position: absolute !important;
bottom: 0.5em !important;
}
I am not sure what problem you are having on image #3 and the image #4 is showing just an orange background?
Hello Greg, Thank you for your prompt reply.
I’ve added the code in Additional CSS panel but it didn’t make any changes. I’m new to this and it’s driving me crazy.
I was wondering if i have to switch back to the main theme instead of Child theme and will that be affected by next updates.
Is there anyway to fix the image size https://prnt.sc/lqz1ss
Thanks,
1. without looking at page source i am afraid i cannot tell why the images are not being moved properly maybe there is some conflicting CSS code already.
2. what do you mean by “fix image size”?
1. I mean the image is not displaying full width.
2. Is there any way to add spacing between price and currency symbol?
https://prnt.sc/lrg15n
Thank you sir,
1. the images are cropped by default, you would need to disable image cropping from wp-admin / Classifieds / Options / Core / Gallery panel and regenerate thumbnails.
See https://wpadverts.com/documentation/custom-image-sizes/ for more details.
2. i understand you have your currency added using https://github.com/simpliko/wpadverts-snippets/blob/master/add-currency/add-currency.php snippet? If so then you can change the "sign"=>"your-sign", to "sign"=>"your-sign ", (a whitespace at the end), then there will be space between your currency sign and the amount.
Thank you so much for your support. I have disabled image cropping and it worked.
Regarding the space between currency sign and the amount it didn’t work, i have added white space at end but in vain!
Much appreciated.
Hmm i am trying to update the currency like that and it seems to be working fine for me.
Can you paste here your code for adding a new currency to WPAdverts?
Hi Greg, I hope all is well with you and thank you so much for your help.
I was wondering if there is any way to solve this issue with Adverts_list when i display ads as LIST 1 COLUMN i get the following view https://prnt.sc/lw1kws
Thank you,
I understand the solution would be to move the price to the left side? If so then you can do that by adding the code below in wp-admin / Appearance / Customize / Additional CSS panel
body .advert-item-col-1 .advert-price {
right: auto;
left: 0 !important;
position: absolute;
bottom: 10px;
}
The price was moved to the left, Thank you so much.
Is there any way to fix the advert-post-title it’s hidden behind the image!
1- This is an example of what i’m trying to fix! https://prnt.sc/lwj1i4
2- How can i fix the image size? As shown on the screenshot, images are covered at the bottom (Marked in red color) https://prnt.sc/lwj3pt
Thanks,
-
This reply was modified 7 years, 5 months ago by
ramiz2018.
1. i am not sure what is there to fix??
2. you should be able to change how the image is displayed by adding the code below in wp-admin / Appearance / Customize / Additional CSS panel
.advert-item-col-1 .advert-img {
overflow: hidden !important;
}
If this will not help then i would need you to paste a link to a page where you are having this problem as this is most likely a conflict with other CSS code and without looking at the source code i will not be able to help.
1. the title does not appear on the image, It’s moved behind the image!
https://prnt.sc/lwwu7u
2. I’ve added above code but nothing has changed, it remains the same.
Thank you for your continued support.
