Hello @stjosephschool,

Please find below the resolutions for your individual issues as listed below:

1. My logo needs to be centered

To resolve this issue please paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field :

@media (min-width:1025px) {
.site-branding {
    text-align: center;
}
#main-slider .cycle-caption {
    margin-top: 50px;
}
}

2. move the slider caption a little lower

The above Custom CSS also addresses this issue. However as you were not specific to the position, we have set it bit lower with your site inspection. You can increase / decrease the “margin-top” value in the above CSS to get your desired results.

3. Testimonial Widget – the big single quotation mark Color


To resolve this issue please add the following custom CSS in the Custom CSS field:

.education_hub_widget_testimonial_slider .cycle-slide p::before {
    color: #294a70;

}

4. Testimonial Widget – I would like the entire post displayed


Regarding this issue, as much we would like to help you, the feature you have requested for requires advanced code customization and theme files modification. You can however consider Hiring a Customizer for implementation of the custom Task.

Best Regards !!

Hello @stjosephschool,

We inspected your website and the Custom CSS for the slider caption is found working. As we have indicated earlier the css value of the “margin-top” can be adjusted as per your requirements.

Please remove the first CSS block in the above reply and replace it with the following custom CSS in the Custom CSS field:

.site-branding {
    padding-left: 29%;
}

#main-slider .cycle-caption {
    margin-top: 161px;
}

In case the custom CSS does not give your desired output please post back to us without removing the CSS so that we can inspect the issue from the browser and provide a possible fix.

Regarding your requests for the testimonial slider, we apologize for the inconvenience but as mentioned earlier, customizing the slider requires advanced code customizations, which is beyond the scope of this support forum. Please consider Hiring a Customizer for implementation of the custom Task.

Hope you would understand,

Best Regards !!

Hello @stjosephschool,

We have inspected your website and it is seen that the site still consists the previous CSS for the slider caption along with the new one.

Please remove All of the above CSS and add the following CSS code to fix the issues in the site branding and the slider section :

@media (min-width:1025px) {
.site-branding {
    padding-left: 32%;
}

#main-slider .cycle-caption {
    margin-top: 161px;
}
}

The CSS will resolve both the site heading and the slider issues on desktop / mobile view. However, please make sure you remove the above CSS before adding the new Custom CSS.

Hope this helps,
Best Regards !!