Huge letters in a shop page

13 posts from 4 voices

• Started 10 months ago by shfaya
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   shfaya
   Member

   Very strange thing happen. After connecting any page to be a shop base page the letters get huge. It is not becouse of the Page Layout as it doesn`t change a bit after I change this option. it is also not a fault of the text on the page as the letters get back to the normal size after I swith the shop to another page (the other one than get the same problem). something ir really wrong here.
   my site is otravistagalery.com

   Posted 10 months ago #
2. 

   Mya
   

   Hi,

   Tried to go to your website but received a server not found error. Not sure what would be the cause to your problem. Once the website is back up we'll be glad to take a look at it.

   Regards,
   Mya

   Posted 10 months ago #
3. 

   shfaya
   Member

   Hi. I am happy to see the real people are here. I don`t know what problem whas that "server not found" first time I hear that. But getting back to the problem here is an exact link where I am experimenting with the shop http://otravistagallery.com/?post_type=product. It Looks really bead.

   Posted 10 months ago #
4. 

   Ismael
   Moderator

   Hello,

   Is the shop page ok now?

   Regards,
   Ismael

   Posted 10 months ago #
5. 

   shfaya
   Member

   HI. Now It is not ok now. Look at the tabbet content. The letters are enormous.

   Posted 10 months ago #
6. 

   Ismael
   Moderator

   Hello,

   I tried to visit the site but it gives me an error. Can you please post the correct link?

   Regards,
   Ismael

   Posted 10 months ago #
7. 

   shfaya
   Member

   try http://otravistagallery.com/?page_id=471 I dont know why you cant get to my site. Here it doesnt say anything about this issue

   Posted 10 months ago #
8. 

   shfaya
   Member

   Well. I guess the error you are getting might be connected. Can you enter through the main site http://www.otravistagallery.com and then chose ONLINE SHOP from the menu?

   Posted 10 months ago #
9. 

   Devin
   Moderator

   Hi shfaya,

   Open up the page that you have set to hold your product page, the "Online Shop" from within the wordpress admin. On the right hand side there is a box labeled "Layout Options". Select the option "Default Layout" from the dropdown there and then save/update the page.

   You may also need to add in a few blank spaces before the toggle shortcode or some kind of introductory text so that the toggle headlines don't get the same formatting as the title (unless you want that).

   Regards,

   Devin

   Posted 10 months ago #
10. 

    shfaya
    Member

    Didn`t help. You can review the changes. Waiting for another suggestions.

    Posted 10 months ago #
11. 

    Ismael
    Moderator

    Hi shfaya,

    Is "ONLINE GALLERY OF FINE-ART PHOTOGRAPHIC PRINTS" the huge text that you want to reduce the height? If this is it, then kindly add this code in your Quick CSS:
    

    .woocommerce .shop_columns_3 .page-title.cufon_headings {
       font-size: 28px !important;
    }

    Just adjust the font size value. Hope this helps. :)

    Regards,
    Ismael

    Posted 10 months ago #
12. 

    shfaya
    Member

    the problem is not here although this code might be helpfull some day. To see the problem you have to go to shop page and there are 4 tabs at the top. Sizes, Quality, Prices and Shipment. Open the -SIZES- tab and you will have a clear view on whats going on. The problem is not in a tekst in a tab. It was made frome the begining few times and each time the same problem appear.
    thanks

    Posted 9 months ago #
13. 

    Devin
    Moderator

    Hi shfaya,

    I believe this has to do with the way shop pages and woo commerce are created. Typically, the shop page (designated from the woocommerce options) doesn't render content in that pages editor very well.

    One way to quickly fix this is to make that text from a list to just regular paragraph text. To do this, highlight the content in the visual editor of the page and then press Alt+Shift+U to remove the list style from that block of text.

    Additionally, you can add a new css rule to either your Quick CSS or custom.css stylesheet:
    

    #top .post-title li {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    }

    Regards,

    Devin

    Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.