Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 21, 2015 at 7:01 am #522142
    AlainTernet

    Hi,
    I think I’ve finally finished my website soon, it will take several years (and tests with Replete, Abundance before Enfold).
    Just a few last adjustments. Here are some questions burst, by hoping that it is the last ones ;-)
    I include a screen capture to show what I want to obtain.

    1- I want to increase the menu text size
    OK, I finally find how to make:

     #avia-menu .avia-menu-text {
font-size: 15px !important;
}

    2- I would like to add some more space above and below my main text menu on the top of the page.

    3- I want to increase the font size for the text,
    I succeeded with this code:

    	#top .price, #top .price span, #top del, #top ins {
	    font-size: 18px;

    but it also changes price everywhere (related products, shop page…)
    I would like to change the price size only in the individual product page.

    4- I want to increase the big product image into individual product page.
    Do I need Image resize plugin to make this or I can change it with quick css ?

    5- Related produce are too big. I changed the setting into function.php to make 5 columns but it’s still too big.
    I tried with 6 columns but that not work (image become very big instead).
    At this time, the size is about 228×228, I would like something like 175x175px.

    Thanks for your help !

    screencapture

    October 22, 2015 at 1:26 am #522652
    Yigit

    Hi AlainTernet!

    1- Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
    2- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header #header_main_alternate .container {
    height: 50px;
    padding-top: 10px;
}

    3- It is currently set to 18px
    4- Please add following code to Quick CSS and adjust

    .single-product-main-image {
    width: 40%;
}

    5- Please add following code to Quick CSS and adjust

    .related.products li {
    width: 15%!important;
}

    Cheers!
    Yigit

    October 22, 2015 at 5:42 am #522732
    AlainTernet

    Thank you Yigit for your help, almost everything is ok !
    Except:

    >>>>#3 – Price font size — – It is currently set to 18px
    Yes, my code work, but it also changes the price size everywhere on the site. I would just modify the price size
    in the of the individual product page (not on related products, not on the shop overview, etc.)

    >>>># 4- Big Image product size: Please add following code to Quick CSS and adjust
    What is the image dimensions normally? (by default)
    Because I have the impression that my image looks blurred when I increases the image size with your code.

    >>>>#5- Related products size: Please add following code to Quick CSS and adjust:
    That work ! I can set it to 6 columns now, great ! But now the space are not equally distributed.
    To adjust the space I tried to add this code (margin: 0px 0px 0px 19px !important;) to equally distribute tumbnails in the space and that seems to work except when I resize down the windows: the 6th thumbnail fall in a other line…

    related_icons

    October 22, 2015 at 3:35 pm #523045
    Yigit

    Hi!

    3- Please change the code to following one 

    .entry-summary .amount { font-size: 20px !important; }

    4- You can go to WooCommerce > Settings > Products > Display and change product image sizes and then regenerate them using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
    5- Please change the code to following one 

    @media only screen and (max-width: 1395px) and (min-width: 990px) {
.related.products li {
    width: 14%!important;
    margin: 0px 0px 0px 19px !important;
}}
@media only screen and (min-width: 1395px) {
.related.products li {
    width: 15%!important;
    margin: 0px 0px 0px 19px !important;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.