Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1266178

    Hi guys,
    I have created another website for a client with Enfold (love it), just have a few small things that I can’t figure out. Have been through the forums on each query and tried a few fixes for each, but haven’t seemed to be able to get them to work. The website is currently: http://qxy.6a3.myftpupload.com/

    HOME
    – The logo is slightly fuzzy, I seem to have this issue with all the enfold sites I make, I try loads of different sizes, but it always seems not crisp?
    – Add padding/space after the main menu, before image/content?
    – Left align the testimonial names on the homepage, to align with the testimonials?
    – Smaller text in the footer (both headings and body copy)?

    TREATMENTS
    – I had copied tables from the clients existing website and have placed into accordion segments, which for the most part worked really well, with exception of under last category – ‘IPL Laser Regeneration’ where it is all CAPS – can I make it sentence case?
    – In another section of the accordion – ‘Laser Hair removal’ I want to add a few extra columns in the last table – ‘Waxing’ so the prices are in separate columns to the item?

    CONTACT
    – Not sure why the footer on the contact page is boxed?

    I have added a temp login in the private section in case anyone wants to have a look at the back end. I have added some stuff in the quick css, so hopefully it isn’t conflicting with anything.

    Thanks in advance.
    Kristin

    #1267035

    Hey Kristin,

    Thank you for the inquiry.

    Please open a single thread for each inquiry instead of stacking them up on a single post. This will allow the moderators to focus on the question at hand and keep the thread concise and relevant to the original topic. Also, users usually receive a more immediate response this way.

    Now, to answer your very first questions.

    1.a) In the home page, try to remove the transparent spaces around the logo and upload it again. The theme will automatically resize it based on the height of the header, and we could also manually resize it using css when necessary.

    1.b) Use this css code to add a space below the main menu and above the main content.

    #header_main_alternate {
    	padding-bottom: 50px;
    }
    

    1.c) This css code should remove the 100px left margin of the testimonial name.

    .avia-testimonial-meta {
    	margin-left: 0;
    }
    

    1.d) To resize the footer widget title and content, use this css code.

    .widgettitle {
    	font-size: .8em;
    }
    
    #footer .widget p {
    	font-size: 12px;
    }

    Please open new threads or posts for the rest of the inquiries.

    Best regards,
    Ismael

    #1271183

    Hi Ismael,
    Thanks for the reply, and sorry for the delay, I have been away. I will log the other questions on new thread.
    I have tried all of the above and none of them appear to work in this instance. I have cleared all my history/cache etc in case it was not showing the updates, but after trying them again, I can’t seem to make any of the added code make effect.

    1. a) You will see I have added the logo without any space around it and it sits flush with the top of the page and is still out of focus. It never resizes or centres it vertically..?

    1. b), c), d) don’t make any difference. I wasn;’t sure if they would be conflicting with any other quick CSS I have added?

    Any insights would be great,
    Kristin

    #1271589

    Hi,

    There was a missing closing curly brace in one of the css media queries in the Quick CSS field. We add it back right below this code.

    #footer .widget p {
            font-size: 12px;
    }
    

    And regarding the logo, we made sure that the full size version of the logo is selected and added this css code to vertically align the logo inside the header.

    .logo img {
    	display: inline-block;
    }

    Best regards,
    Ismael

    #1272335

    Thanks Ismael,

    I can see the changes you have made in the logo section. Do you know why the logo is still/always slightly out of focus even when at full size (current) – at least on my macbook?

    If I try to change the footer size by amending the px size to smaller again, nothing changes – eg 8px?:
    .widgettitle {
    font-size: .8em;
    }

    #footer .widget p {
    font-size: 8px;
    }

    The other quick css you had originally suggested for the space before testimonial or adding space below the main menu didn’t work:
    1.c) This css code should remove the 100px left margin of the testimonial name.
    .avia-testimonial-meta {
    margin-left: 0;
    }

    1.b) Use this css code to add a space below the main menu and above the main content.
    #header_main_alternate {
    padding-bottom: 50px;
    }

    Hope this makes sense,
    Kristin

    #1272614

    Hi,

    Thank you for the update.

    It looks fine on our end. Does your laptop have a retina display? You might have to double the size of the logo so that it still looks sharp on devices with higher PPI or screen resolutions.

    Best regards,
    Ismael

    #1273908

    Hi Ismael,
    Ok sure, perhaps it is my retina display. It is only about a year old, so could be. I’ll try doubling the size.

    Did you want me to add new queries for the other issues you had originally addressed as part of the same email? I queried them again in the last email, as the CSS that you had suggested didn’t seem to be making any changes?

    Cheers, Kristin

    #1274276

    Hi Ismael,
    I have sorted out the other queries I had with this ticket. You can now close the query.
    Thanks, Kristin

    #1274288

    Hi,

    Great, I’m glad that you found solutions for your other problems. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Sizing and positioning queries’ is closed to new replies.