cancel
Showing results for 
Search instead for 
Did you mean: 

How to align product name in Magento Martfury Theme

How to align product name in Magento Martfury Theme

I am using Martfury Theme, here few products Product Names and pricing alignments are not okay like the attached image. Where should I look to solve this issue?

Screenshot 2022-08-28 at 9.13.20 PM.png

2 REPLIES 2

Re: How to align product name in Magento Martfury Theme

Hello @fahimzaman28c0 

 

Here's a general guide on how you can align product names in the Martfury theme for Magento 2:

  • Identify the CSS class or ID:
    • Use a web browser's developer tools to inspect the HTML and CSS of your Magento store's product page. Identify the CSS class or ID that corresponds to the product name element that you want to align. For example, it might be something like .product-name or #product-name.
  • Override CSS:
    • Create a custom CSS file to override the default styling of the Martfury theme. You can do this by creating a new CSS file in your theme's directory, or by using a custom CSS extension in Magento 2.
  • Write CSS rules:
    • In your custom CSS file, write CSS rules to align the product names as desired. For example, if you want to center-align the product names, you can use the following CSS rule:
      .product-name {
      	  text-align: center;
      	}
  • If you want to left-align, right-align, or justify the product names, you can use text-align: left;, text-align: right;, or text-align: justify;, respectively.
  • Upload and apply CSS:
    • Upload your custom CSS file to your Magento store's server, in the appropriate directory (e.g., in your theme's CSS directory), and apply it to your store. This can be done through the Magento Admin Panel by going to Content > Design > Configuration, selecting the appropriate store view and theme, and adding the URL or path to your custom CSS file in the "Custom CSS File" field.
  • Please clear the cache and refresh:
    • After applying the custom CSS, clear the cache in Magento and refresh your product page to see the changes take effect.

If you find our reply helpful, please give us kudos.

 

A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

 

WebDesk Solution Support Team

Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

e hallpass 365

e-hallpass is the online digital hall pass management tool for schools. Enhance control, security, and oversight of hall passes.

https://gentle-pear-f0mq79.mystrikingly.com/