[Skip to main content](#vessel-content) # \[Solved\]Text Alignment ## - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago - 14 years 2 months ago [\#59950](#59950) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") *[\[Solved\]Text Alignment](/forum/4-how-to/59950-solved-text-alignment#59950 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* was created by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail. Last edit: 14 years 2 months ago by [Fintan](/forum/user/8469-fintan "View Fintan's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 14 years 2 months ago [\#60019](#60019) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60019 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* You should indeed be able to do that with CSS. Can you give a link to that page so that we can analyze the CSS on your page ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago [\#60048](#60048) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60048 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* > You should indeed be able to do that with CSS. I know but where? [ www.fintan-gastro-consulting.ch/Pizza/in...p/de/unser-take-away](http://www.fintan-gastro-consulting.ch/Pizza/index.php/de/unser-take-away) for the product list test page [ www.fintan-gastro-consulting.ch/Pizza/in...ay/product/1-pizza-1](http://www.fintan-gastro-consulting.ch/Pizza/index.php/de/unser-take-away/product/1-pizza-1) For a test detail page. Cheers Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 14 years 2 months ago [\#60106](#60106) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60106 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* You can add that CSS: span.hikashop_product_name { text-align: left !important; } div#hikashop_product_left_part div { text-align: left !important; } in the front end CSS file of HikaShop via the Display tab of the configuration. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago [\#60110](#60110) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60110 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* > in the front end CSS file of HikaShop via the Display tab of the configuration. Okay, I went to configuration->display tab->views->my template->frontend. which file? There are a "few" ![;)](/media/kunena/emoticons/11.png ";)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago - 14 years 2 months ago [\#60137](#60137) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60137 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* Okay, I found the file you meant. I changed this: > span.hikashop\_product\_name{ > text-align: center; > display:block; > margin-bottom:5px; > } to: this: > span.hikashop\_product\_name { > text-align: left !important; > } > div#hikashop\_product\_left\_part div { > text-align: left !important; > } as suggested. No change. Cleared Cahche from Browser and (as fa as I know) joomla. Is there an override anywhere. Edit: After changing the file I get a new CSS file "custom" to choose from. which I obviously chose. Edit2: I looked at this on another browser and now I can see the changes in the product details page but still not on the product list page. Here the Product name is still centered. I did find this (with firebug): > \#hikashop\_button\_1 div.hikashop\_subcontainer, #hikashop\_button\_2 div.hikashop\_subcontainer, #hikashop\_button\_3 div.hikashop\_subcontainer,#hikashop\_order\_listing div.hikashop\_subcontainer { > text-align:center; > } Is this of any relevance to my issue? Also, on the product detail page the description is too far below the image. Is there any way to movve it right below the Product name or image? Last edit: 14 years 2 months ago by [Fintan](/forum/user/8469-fintan "View Fintan's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 14 years 2 months ago [\#60226](#60226) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60226 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* Hi, I tried to look at your pages but I don't see HikaShop anymore so unfortunately I can't say much. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago [\#60246](#60246) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60246 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* Yeah, sorry. I was testing vmart as well. I have set up two menu items Shop 1(Hika) and Shop 2(vmart). Please have another look. Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 14 years 2 months ago [\#60304](#60304) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60304 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* I can see that you changed your products listing page so that it uses another item box layout. So I don't think that you want to have the product name centered on the left anymore with this one. For the description on the product page, it's displayed on the bottom area of the page. If you want to have it right under the image, you will have to move the description display block of code of the "show_default" view file at the end of the hikashop_product_left_part area by editing it via the menu Display->Views. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago - 14 years 2 months ago [\#60334](#60334) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60334 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* > I can see that you changed your products listing page so that it uses another item box layout. So I don't think that you want to have the product name centered on the left anymore with this one. Thanks for getting back to me so soon. The product detail page is good noe. When I click on the product category I get this:Prod_List1.jpeg [ ![Prod_List1.jpeg](/forum/attachment/5150) ](/forum/attachment/5150 "Prod_List1.jpeg") I would like it to look like this:Prod_List2.jpeg [ ![Prod_List2.jpeg](/forum/attachment/5151) ](/forum/attachment/5151 "Prod_List2.jpeg") What do I need to edit? > For the description on the product page, it's displayed on the bottom area of the page. If you want to have it right under the image, you will have to move the description display block of code of the "show\_default" view file at the end of the hikashop\_product\_left\_part area by editing it via the menu Display->Views. Thanks I'll give that a whirl. ![:)](/media/kunena/emoticons/8.png ":)") - [ ![Prod_List1.jpeg](/forum/attachment/5150) ](/forum/attachment/5150 "Prod_List1.jpeg") [ ](/forum/attachment/5150?download=1 "Prod_List1.jpeg") - [ ![Prod_List2.jpeg](/forum/attachment/5151) ](/forum/attachment/5151 "Prod_List2.jpeg") [ ](/forum/attachment/5151?download=1 "Prod_List2.jpeg") Last edit: 14 years 2 months ago by [Fintan](/forum/user/8469-fintan "View Fintan's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago [\#60335](#60335) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60335 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* > For the description on the product page, it's displayed on the bottom area of the page. If you want to have it right under the image, you will have to move the description display block of code of the "show\_default" view file at the end of the hikashop\_product\_left\_part area by editing it via the menu Display->Views. Hmm... on line 37 of ->display->views->"show-default" I can see this: <div id="hikashop_product_left_part" class="hikashop_product_left_part"> <?php $this->row = & $this->element; $this->setLayout('show_block_img'); echo $this->loadTemplate(); ?> </div> I cannot see: > description display I am not very good at PHP coding Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 14 years 2 months ago [\#60393](#60393) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60393 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* Try to add that CSS code instead and that should do it: span.hikashop_product_name { text-align: left !important; display: block; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Fintan](/forum/user/8469-fintan "View Fintan's Profile")** - [![Fintan's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8469-fintan "View Fintan's Profile") Topic Author - [ Offline](/forum/user/8469-fintan) Less More - Posts: 49 - Thank you received: 0 - - 14 years 2 months ago - 14 years 2 months ago [\#60399](#60399) by [Fintan](/forum/user/8469-fintan "View Fintan's Profile") Replied by *[Fintan](/forum/user/8469-fintan "View Fintan's Profile")* on topic *[Re: Text Alignment](/forum/4-how-to/59950-solved-text-alignment#60399 "On my product listing page the Title is alligned "center" with the image alligned "left". Here I would like the Title (Product name) alligned left. On the product detail page the Product title (name) is alligned "left" and the image "center". Here I would like The image alligned "left" as well. I tried playing with: frontend_default.css but to no avail.")* I had that set in: frontend_custom.css which has replaced "frontend_default.css" after the last changes we made. is there another file I should edit? Ahh success ![:cheer:](/media/kunena/emoticons/10.png ":cheer:") I found this: .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; } and changed it to: .hikashop_subcontainer{ text-align: left !important; padding-top:10px; padding-bottom:10px; } Great now it looks clean ![:)](/media/kunena/emoticons/8.png ":)") Thank you for your patience. Last edit: 14 years 2 months ago by [Fintan](/forum/user/8469-fintan "View Fintan's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU5OTUwLXNvbHZlZC10ZXh0LWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.365 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)