Home>Support>Userdefined Homepage – Stlyes do not work.

Userdefined Homepage – Stlyes do not work.

By drgonzo007, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi SiteOrigin Team,

I´m using the Theme “Vantage Premium” on a wordpress installation.
The site has a user-defined homepage und I´m using a post loop in a big slider on the homepage.

The problem is that any applied styles for this element do seem to have no effect on the frontend.
E.g. font color is set to red but it is still in standard style (white font and black transparent background).

Additionally how can is set the featured images of the post loop to cover the whole size of the slider element?

Thanks a lot in advance and I´m looking forward to your response.

Regards.Martin

URL: http://www.kianek-fenster.at

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Hi Martin

    Due to a few legacy challenges there are a few widgets that have their own styles. Those styles override Customizer styles. They ideally shouldn’t. Apologies for the hassle. Let’s get into some hotfixing. All CSS goes into Appearance > Custom CSS. Edit values as required:

    Circle Icon

    /* Circle Icon Heading Color */

.widget_circleicon-widget .circle-icon-box h4 {
	color: #3b3b3b;
}

/* Circle Icon Text Color */

.widget_circleicon-widget .circle-icon-box p.text {
	color: #5e5e5e;
}

/* Circle Icon More Link */

.widget_circleicon-widget .circle-icon-box a.more-button {
	color: #3b3b3b;
}

.widget_circleicon-widget .circle-icon-box a.more-button:hover {
	color: #dd3333;
}

/* Vantage set Circle Icon Widget Icon color */

.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] {
	color: #FFFFFF;
}

    Headline Widget

    /* Headline Widget */

.widget_headline-widget h1 {
	color: #444444;
}

.widget_headline-widget h3 {
	color: #666666;
}

    Give that a go and let us know how you come along.

  2. 10 years, 22 days ago Private Message - drgonzo007

    This is a private message.

  3. 10 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Sure :) To resolve the slider challenge be sure to add your slider from Appearance > Theme Settings > Home > Home Slider OR Pages > Home > Page Slider (drop down menu in the right column). That’ll insert your slider just below the menu and full width.

    Hope that helps.

  4. 10 years, 22 days ago drgonzo007

    HI Andrew. Again thank you!

    I´m using the free version of Meta Slider with the mentioned Theme where it is not possible to create a slider which shows e.g. the last 3 posts of the blog.
    So I wanted to accomplish that with “Design > Homepage” and insert a “posts loop” at the begin of the page called Home. Well it is working but only the image is not covering the whole slider area.

    I think the Vantage theme is saving the biggest image size in 960x480xpx. The slider needs image size of around 1014x488px. As already mentioned, when I edit the post loop element there is no option to set the post image to “cover” the whole space.
    I hope you get the point :)
    Regards!

  5. 10 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Ahh right, with you.

    Try this under Appearance > Custom CSS:

    /* Home Post Slider */

.home .post-slider {
margin: -35px -35px 0 -35px;
}

    To change the image sizes you’ll need to use:

    https://wordpress.org/plugins/simple-image-sizes/

    To change the size of the image. The image name is “vantage-slide”.

    Then once that’s done, run this plugin:

    https://wordpress.org/plugins/regenerate-thumbnails/

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More