Changing layout on product and making font bigger

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6775

Hi



How do I make the link sit on top and make the font bigger?

Attachments:
Last edit: 13 years 3 months ago by meqrinda.

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13100
  • MODERATOR
13 years 3 months ago #6792

You need to go in the menu Display->Views and edit the file listing_img_title of the view product. There you can move the code:
<span class="hikashop_product_name">
<?php if($this->params->get('link_to_product_page',1)){ ?>
<a href="<?php echo $link;?>">
<?php }
echo $this->row->product_name;
if($this->params->get('link_to_product_page',1)){ ?>
</a>
<?php } ?>
</span>

at the top of the file.

If you want to change the font size of the product name, you can go in the config under the tab display and edit your CSS and add something like this:
.hikashop_product_name{ font-size: 2em; }

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6804

I tried with moving the code to the top, it didn´t move.

The font worked and is now bigger.

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13100
  • MODERATOR
13 years 3 months ago #6805

Are you sure that you edited the correct file ?

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6806

Found my mistake, thanks for the help!

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6810

www.infossa.com/lifestyle.html

Where do I change the margin properly, i tried changing the same section as the big fontsize was.

With a:

margin:10px;

But that didnt change anything.

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13100
  • MODERATOR
13 years 3 months ago #6812

You can use:
line-height: 1em;

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6813

span.hikashop_product_name{ font-size: 2em; }{
display:block;
margin-bottom:5px;
line-height: 1em;
}

Like this?

Please Log in or Create an account to join the conversation.

  • Posts: 81677
  • Thank you received: 13100
  • MODERATOR
13 years 3 months ago #6814

No, you can't have two groups of brackets in CSS. It should be:
span.hikashop_product_name{ font-size: 2em;
line-height: 1em;
}

Please Log in or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 3 months ago #6815

Thanks!

Please Log in or Create an account to join the conversation.

Time to create page: 0.069 seconds
Powered by Kunena Forum