Okay
  Public Ticket #1493914
QT Opening Hours Change colour
Closed

Comments

  •  4
    mjltherapy started the conversation

    Hello,

    I am just starting to edit /use the theme I bought. I have set the colours for the theme and footers etc.

    However at the bottom you will see the opening hours for my business and where it highlights the day we are on and on a Sunday it has a box saying closed. I would like to change both of these to either blue like the rest of the site or red. However I have been through all the options for colours and can't find a way to do this?

    Therefore currently the highlighted day is white so you can't see it on my background and the closed box is grey, which means it does not stand out much.

    Thanks,

    Miles

  •  1,710
    Barry replied

    Hi Miles,

    Please copy the snippet below and paste this via Appearance -> Customize -> Theme Options -> Custom CSS:

    /* closed label background */
    .footer .opening-hours ul li span.label { background: red; }
    /* current day color */
    .footer .opening-hours ul li.today { color: #1e73be; }
    

    The above css will change the closed day label to red and the current day name and time to blue.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  4
    mjltherapy replied

    Thankyou, very useful!

    Also, there is a part on my homepage that says 'No matter whether your condition was caused by a sport, work 
    accident or otherwise, we welcome the chance to serve you.'

    This also has a button to book an appointment, similar to the button I have at the top right of the page. am I able to have this button red like the button I have at the top right?

    Lastly, you don't offer any simple logo designs do you? I have drawn something up to go with the theme etc.

    Thanks,

    Miles

  •  1,710
    Barry replied

    You're welcome.

    This is possible. Please replace the button shortcode inside the call to action widget with the following:

    [button href="link-here" background="#dd3333"] Schedule Appointment [/button]

    Unfortunately the theme does not come with logo designs. But you're allowed to use the logo from our theme demo (link). With a image editor you can remove the texts and add your company name. Or maybe you want to take a look at this website which offers free (small size) logo designs.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    Hi Miles,

    That's nice, looking good

    The transparent background color of the header widget (contact details) can be changed via Appearance -> Customize -> Theme Options -> Header -> Header widget background color

    With the "Header widget background opacity" option you can change the opacity of the color. Please use a value between 0 and 1, for example 0.6

    It could be possible that the preview will display a full opacity background color. If you switch to another page, or change the opacity value you will see the result.

    This grey background is for the slider captions. You can change this color via Appearance -> Customize -> Theme Options -> Slider -> (Mobile) Slider caption background color.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    You're welcome.

    Unfortunately a centered logo is not possible by default and can only be done with some custom css doing.

    You can use the following css snippet by adding via Appearance -> Customize -> Theme Options -> Custom CSS:

    /* Center logo */
    @media (min-width: 992px) {
        .header .header-wrapper .header-logo { display: block; height: auto; float: none; }
        .header .header-wrapper .header-logo a { display: block; text-align: center; }
    }
    

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    Hi there,

    Unfortunately not, this is the only way to make the logo centered. The button is part of the main navigation ( which currently is not added) and can't be placed to the top in this case.

    You can add menu links via Appearance -> Menu's -> Select Main Navigation

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  4
    mjltherapy replied

    Okay in that case it probably looks better with the logo in it's default position.

    Is there a way of increasing the navigation menu's font size? as the Demo page seems to have it in much bigger writing.

    Thanks.

  •  1,710
    Barry replied

    Currently the navigation font size is 18 pixels like in our theme demo. If you want to increase this please use the following line:

    /* Increase navigation font size */
    .main-navigation li a { 
        font-size: 20px;
    }
    /* Align navigation and button to v-center of logo */
    @media(min-width: 992px) {
        .header .header-wrapper .header-navigation {
            margin-top: 20px;
        }
    }
    

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •   mjltherapy replied privately
  •  1,710
    Barry replied

    No worries

    You can add the following snippet into a "Custom HTML" widget:

    <div class="client-logos">
        <div class="row">
            <div class="col-xs-12 col-md-3">
                <img src="image-link-here">
            </div>
            <div class="col-xs-12 col-md-3">
                <img src="image-link-here">
            </div>
            <div class="col-xs-12 col-md-3">
                <img src="image-link-here">
            </div>
            <div class="col-xs-12 col-md-3">
                <img src="image-link-here">
            </div>
        </div>
    </div>
    

    Please replace the image-link-here with the full link of the image/logo

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    To give the accepted insurances more space please hover the wrench icon of the row and click 'edit row'. Inside the Layout panel you can give some "Bottom Margin" to add some bottom space.

    Increase the font size of the book appointment button is possible with this css line:

    .header .header-wrapper .featured-button a { font-size: 15px; }
    

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    Probably the html code from the "Accepted Insurances" in causing the issue. Please make sure all opening <div>

    Can you delete the text widget that contain this code. Add a "Custom HTML" widget and add the following:

    <div class="client-logos">
        <div class="row">
            <div class="col-xs-12 col-md-3">
                <img src="http://www.movementbydesign.co.uk/wp-content/uploads/2016/11/balens-logo_web_400.png">
            </div>
        </div>
    </div>
    

    That should fix the issue.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •   mjltherapy replied privately
  •  1,710
    Barry replied

    Hi Miles,

    Unfortunately the images are not included with the theme because of licensing and copyrights, it's not allowed to use these images without a valid license. You can find all images we used in the theme demo in the following article, all with a link to the stock photography provider were you can purchase them.

    Theme demo images

    There is not really a simple path to follow to push your website higher in Google, but there are some basic points to check. I can provide you these, but I'm not able to help you achieving this. That's not included in support.

    1. Caching plugin

    It's recommend to install and configure a caching plugin. I recommend the WP Fastest Cache which give the best result for our themes. After installing navigate to the WP Fastest Cache tab in the admin menu and enable the following settings:

    - Caching
    - Gzip
    - Browser caching

    Also it is recommend to enable the settings that will delete the cache when you update a post/page. So you don't have to do this manually each time you make changes to your website.

    Please install the caching plugin when you finished building your website.

    2. Scale and compress images

    Please make sure you scale and compress images to reduce the size which will result in fastest loading times. You can scale a image with a image editor program or with online tools like Pictureresize

    To compress images please use the online Compressor.io tool or install a plugin like WPSmushIt

    3. SSL Certificate (HTTPS connection)

    Google prefer websites with a secure connection. This is possible by installing an SSL certificate on your server which is possible at the most hosting providers nowadays.

    When the SSL certificate is installed and activated you need to install the Really Simple SSL plugin on WordPress and configure this plugin to make WordPress accessible through https, instead of http.

    4. Yoast SEO

    This plugin will help you to optimize your website for search engines. It has a lot of options and there is not a simple path to configure this as each website is unique. On each page you will see the Yoast metabox below the page builder grid. When some of the points are orange or red colored you need to work on these.

    5. Unique content

    It's important to write unique optimized content for each page on your website because this will be indexed by Google.

    6. Delete plugins

    Please deactivate and delete all plugins that you're not using to reduce the weight and increase the loading speed of your website.

    Hope this will help you to get started

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes