Advertisement:

Author Topic: [SOLVED]How to bring customized filed above the images  (Read 573 times)

fumi

  • Newbie
  • *
  • Posts: 29
[SOLVED]How to bring customized filed above the images
« on: April 12, 2017, 04:55:21 am »
Hi everyone.
I am using the OsclassWizard theme and I added "date" through "Customize fields."

When I look at the ads, the dates are located under descriptions in a small font.
If anyone has any idea about either of the following, it will be much appreciated!
(1)How can I move the date (or any customized field) to above the image?
(2)How can I make the font bigger?

Thank you!
« Last Edit: April 14, 2017, 04:02:48 am by fumi »

teseo

  • Hero Member
  • *****
  • Posts: 6169
Re: How to bring customized filed above the images
« Reply #1 on: April 12, 2017, 04:30:17 pm »
Hi,

Add this code at the bottom of your osclasswizards/item.php:

Quote
<script type="text/javascript">
    $(document).ready(function(){
        var customField = $(".meta strong:contains(<?php echo osc_esc_js('[Your custom field name]'); ?>)");
        $(".item-header").append(customField.parents('.meta').css('font-size', '15px'));
    });     
</script>

(Replace [Your custom field name] with the real name of your custom field and 15px with your desired font size)

Regards

fumi

  • Newbie
  • *
  • Posts: 29
Re: How to bring customized filed above the images
« Reply #2 on: April 12, 2017, 09:43:16 pm »
Thank you so much teseo!!
I just tried it and it worked perfectly!!

teseo

  • Hero Member
  • *****
  • Posts: 6169
Re: How to bring customized filed above the images
« Reply #3 on: April 13, 2017, 01:45:16 pm »
You're welcome. :) Please add [SOLVED] to the title of this thread.

Regards