Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #3092362
Theme Style amends
Closed

Comments

  •  1
    Blueberrystudioltd started the conversation
    July 27, 2022 at 11:37am

    Hello, I need to make the following changes to the theme styling. im fairly new to Wordpress so need a bit of help:

    URL: www.eastfinchleysmiles.dental/home
    Look at /home, this is the page I've been working on 

    Make the social media icons larger (By 200%)

    Make the copy at the very top larger (to match the size of the social Logos):
    Expert General, Cosmetic, NHS & Private Dentistry

    Can I have the logo on its own line and larger above the address details in the heading? Is there a way we can move the logo position to be centred?

    I accidentally took the class out of the menu that changed the nav option to a button, can you tell me how to fix this please so i can add a 'Book and appointment' Button back in  

    Hope this is all ok and feel free to ask any questions

    Thanks
    Simon

  •  104
    FlexiPress replied
    July 28, 2022 at 3:54pm

    Hello Simon,

    Please find below the answers to your questions:

    1. You can fix the font size, social media icons size, and add the logo on a new line.

    @media (min-width: 992px) {
        .vu_top-bar,
        .vu_top-bar .vu_social-icon a {
            font-size: 20px;
        }
        .vu_main-header .vu_h-content .vu_d-tr {
            display: block;
        }
        .vu_main-header .vu_h-left {
            display: inline-block;
            text-align: center;
            margin: 15px auto 10px auto;
        }
        .vu_main-header .vu_h-right {
            text-align: center;
        }
    }

    2. To make a menu item as a button you need to add vu_appointment-menu-item as CSS class.

    Kind regards,

    FlexiPress Support

    Follow on     Envato     Facebook     Twitter

  •  1
    Blueberrystudioltd replied
    July 28, 2022 at 7:18pm

    thanks for this, so do I just add this into the custom css section on the page options? 

  •  104
    FlexiPress replied
    July 28, 2022 at 9:53pm

    Yes, you need to add the custom code at DentalPress > Custom Code > Custom CSS.

    FlexiPress Support

    Follow on     Envato     Facebook     Twitter

  •  1
    Blueberrystudioltd replied
    July 29, 2022 at 8:16am

    This has all worked perfectly. 

    One more question, how to i centre the main logo. currently its sitting to the left, it needs to be in the middle of the page

    Thanks
    simon


  •  104
    FlexiPress replied
    July 29, 2022 at 9:31am

    Hi Simon,

    To center align the logo please add the following line:

    text-align: center;

    after display: block; at:

    .vu_main-header .vu_h-content .vu_d-tr {
    display: block;

    Kind regards,

    FlexiPress Support

    Follow on     Envato     Facebook     Twitter