[Theme Horse Support Team]

Ho Tamara,

Yes the extra margin comes from the Blog Designer plugin. To reduce the margin go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

.bdp_blog_template .blog_header {
    margin: 0;
}
#main {
    padding-top: 10px;
}

Thank you!

[Theme Horse Support Team]

Hi Embruna,

Apologies for the late reply.

Please remove the below CSS code that you have paste in custom CSS option.

a:link {
    color: #1f2596;
}

and paste the below custom CSS code which will change the list colors.

#main ul a,
#main ol a,
#main ul a:hover,
#main ol a:hover {
    color: #050466;
}

Change the above color code #050466 to set your own color.

Hope the above code will help you to set the list color. If you have any problem then let us know.

Thank you!

[Theme Horse Support Team]

Hi Marc,

To displayed as a full page layout for WooCommerce Appearance > Customize > Ambition Theme Options > Custom CSS and paste the below CSS code then click on Save button.

.woocommerce-page #primary {
    float: none;
    width: 100%;
}
.woocommerce-page #secondary {
    display: none;
}

If you have any problem please let us know.

Thank you for using our theme.

[Theme Horse Support Team]

Hi Marcos,

There is a built-in options to change Color, Typography and Background Pattern via Appearance > Theme Options.

To change the background color of the footer go to Appearance > Theme Options > Color Options > Background Color Options there you can see Footer Widget Section, Bottom Info Bar and Site Generator options to change the background color.

And for text color go to Appearance > Theme Options > Color Options > Font Color Options Options there you can see Footer Widget Section, Bottom Info Bar and Site Generator option to change the font color.

Thank you for using our theme.

[Theme Horse Support Team]

Hi Embruna,

Theme main built-in default color code is #89a452 (green) which treat as a color skin so that the user can easily change the color skin to their own corporate color via color skin option but this will not reflect to the list elements.
First remove the css code that you have paste and to set the same color for list elements go to Appearance > Customize > Ambition Theme Options > Custom CSS and paste the below CSS code then click on Save button.

#main ul a,
#main ol a,
#main ul a:hover,
#main ol a:hover {
    color: #050466;
}

Change the above color code #050466 manually to the skin color you choosed.

It seems like you have set color skin to #050466 (dark blue) and want to set the different color for the links in the main content section rather then the color skin that you have choose then paste the below CSS code in Custom CSS option then click on Save button.

a,
#main ul a,
#main ol a,
#main ul a:hover,
#main ol a:hover {
    color: #050466 !important;
}

Change the above HEX color code #050466 to your own HEX color code that you wish to have it on links.

Thank you!

[Theme Horse Support Team]

Hi Tamara,

To reduce the white space in the left and right side on the homepage go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

.home #main.container {
    max-width: 100%;
}

Thank you!

[Theme Horse Support Team]

Hi Kevan,

For this you have to add the code manually just go to the footer.php on line no.61 and add your code.
Please try creating child theme rather than adding to the theme main file.

Thank you!

[Theme Horse Support Team]

Hi Marc,

Can you please try adding below Custom CSS:

.wpml-ls-item a {
	margin-top: 1px;
}
.wpml-ls-item .screen-reader-text {
	position: relative !important;
}
.wpml-ls-item .wpml-ls-native {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	width: 1px;
}

Thank you!

[Theme Horse Support Team]

Hi @thanda-marketing Jenna,

To remove the background color for all the sections go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

.wrapper,
.info-bar,
.widget_ourclients,
#colophon .widget-wrap,
#colophon .info-bar
#site-generator {
	background-color: transparent;
}

Also please remove the CSS code that you have added. You have added a wrong code which shown an invalid code.

Thank you for using our theme.

[Theme Horse Support Team]

Hi,

To edit the light grey color of the background on the home page. Just go to Appearance > Customize > Additional CSS and paste the below Custom CSS code:

#page {
    background-color: #eeeeee;
}

Note: Change the above HEX color code #eeeeee into your own color code to change the background color code.

Thank you!

[Theme Horse Support Team]

Hi Kobien,

To remove the thick grey box around all of the content on every page. Just go to Appearance > Customize > Additional CSS and paste the below Custom CSS code:

.page #main {
    padding: 0;
}

Thank you!

[Theme Horse Support Team]

Hi Robert,

Sorry what are you trying to say?
Are you trying to move the menu like in this theme https://www.themehorse.com/preview/ultimate-pro/

Thank you!

[Theme Horse Support Team]

Hi Kobien,

Which theme you are asking for? It seems that you have already asked the same question in others topic as well.

Thank you!

[Theme Horse Support Team]

Hi Kobien,

Add below custom CSS to change the background color of the featured image slider.

@media only screen and (max-width: 1023px) {
    .featured-slider,
    .featured-slider .featured-slider-content article {
	background-color: #ffffff;
    }
}

Note: Change the above HEX color code #ffffff into your own color code to change the white color code.

Thank you!

[Theme Horse Support Team]

Hi Jude,

Please provide us the site Url so that we can provide you a custom CSS code.
Also clarify what you exactly trying to do?

Thank you!

[Author]

Posts