Can css be applied only to a specific page?

Hello,

Absolutely! You can simply add this code in the Document inside a Tag or add this code in a Custom CSS File and add the Stylesheet in the Document `` on that Specific Page.

Hope this Helps!

Additionally, if you are trying to Edit Header Heights, we recommend you to check this Documentation: http://docs.semicolonweb.com/docs/header/header-heights/ .

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Very Happy to Help!

Remove the following code in the css/custom.css File:
[ch_pre type="css"]@media (min-width: 768px) {
#header {
height: 100px;
}
}
[/ch_pre]

Since you are using a Multi-Row Header, there is no need to set the Height of the Header as it is calculated automatically.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Apologies but we are not 100% sure what kind of Layout you are trying to achieve with the Header. Would it be possible for you to please provide us with a Screenshot of the Header Design you are looking for so that we can provide you with more accurate solutions. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

The way you are trying to make the Header Semi-Transparent is incorrect and is not supported by any Template. This will also cause issues with the Sections below the Header. You must add your CSS Codes for the Section just after the Header. Example:
[ch_pre]@media (min-width: 992px) {
#header + * {
margin-top: -60px;
display: inline-block;
vertical-align: bottom;
width: 100%;
}
}[/ch_pre]

This should work fine. Hope this Helps!

We Apologize for the Inconveniences, however, since we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Very Happy to Help!

We have checked out your Website and there are still some issues on your Page.

1. Remove the following code from your css/custom.css File:
   [ch_pre type="css"]#header {
   height: 100px;
   }[/ch_pre]

2. Please make sure that you are properly adding the codes. If you want to make the Header Translucent only on the Slider Page and not on the Page Title, then you will need to change the * identifier with the proper CSS Selector. Example for Slider, use:
   [ch_pre type="css"]@media (min-width: 992px) {
   #header + .slider-element {
   margin-top: -60px;
   display: inline-block;
   vertical-align: bottom;
   width: 100%;
   
   }
   }[/ch_pre]

Then this will apply the CSS Styles only on the Slider Pages and not on other pages.

This will definitely work fine. Hope this Helps!

These Customizations are generic HTML/CSS Codes and you will need to do these yourself as we do not provide explicit support for Basic HTML/CSS according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Let us know if we can help you with anything else or if you find any further issues.