Hey Iain,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

div.phone-info {
width: 100%;
text-align: center;
}

Best regards,
Sarah

Hey agameseo,

Can you try if the solutions presented here: https://kriesi.at/support/topic/insert-your-own-icons-in-icon-box/

Best regards,
Sarah

We’re happy to help! Let us know here in the forums if you need assistance with anything else.

Cheers!
Sarah

Hi Leonsz,

We’re always glad to help.

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

Thank you for using Enfold.

Cheers!
Sarah

Hey Marnie,

You can set the header height in Enfold > Header > Header Layout. Under Header Size, choose “custom pixel value”. Another field will be enabled, Header Custom Height. Enter the height you want, and you should be all set. :)

Let us know if you need further help.

Best regards,
Sarah

Hi Haiko,

Thank you for the access. We’ll really have to use with CSS to override the automatic paddings. We can do this within the visual interface so that it only affects the page we’re working on. :)

If you check now, you’ll see that I’ve added a Code Block that contains this:

<style>#main .container_wrap_first:first-child .content { padding-top: 0; }
.avia-builder-el-4 .content { padding-bottom: 0; }
</style>

With this, you can control the paddings and not worry about the other pages.  You can change the values of the padding to fit your preference.

Let us know if you need further help!

Best regards,
Sarah

Hey Lauren,

To adjust the alignment, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.js_active .toggler { padding-left: 30px !important; }

As for the yellow plus sign, I don’t think I’ve encountered that one before. May we have temporary access into the dev site so we can take a closer look?

Best regards,
Sarah

Hi!

The solution for you to try requires you to put the code in functions.php. You can access it through Appearance > Editor.  Can you try it please?

If it doesn’t work, may we have temporary access into your Dashboard so we can take a closer look? Thank you.

Best regards,
Sarah

Hi!

To move the background specifically for iPads (portrait and landscape), you can use something like this code:

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {
  .page-id-804 #av_section_2 .avia-builder-el-12 {
    background-position: center -100px;
  }
}

Please replace the second value in the background-position (-100px) to fit your preference. Putting 0px will align the top of the image to the top of the section. A negative value nudges the image higher. A positive value will make it lower.

For more information about background-position attribute, please see this: https://www.w3schools.com/cssref/pr_background-position.asp

Best regards,
Sarah

Hi,

Please use this CSS code instead:

.av-special-heading-tag {
	border-left: 2px solid #5dae00 !important;
	padding-left: 15px !important;
	margin-left: -15px !important;
	
}

You may adjust the values or the padding and margin.

Best regards,
Sarah

Hey Dom,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

.avia-builder-el-10 .slide-image { display:none !important; }

This only applies to the content slider in the page you gave. If you want to apply this to all content sliders in your website, please remove .avia-builder-el-10 from the code above.

Best regards,
Sarah

Hey seykom,

Headings
The styling of headings can be set in Enfold > Advanced Styling. There, you can set the text color, background color, font family, font weight, and text-transform of each heading type. You can also choose to apply that style to specfici areas. You can have different styles for different areas.

Then, when you use Special Headings, you choose which Heading Type (H1, H2, H3, etc.) and Heading Style you want to use.

If you would like further styling, please let us know what you would like to do so we can give you the appropriate CSS.

Accordion
To make the accordion headings have a bold font weight, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.js_active .toggler { font-weight: bold; }

Best regards,
Sarah

Hi DonHenrik,

That happened because all your rows are Heading Rows. Usually, only the first row is the Heading Row, and all the other rows are Default Rows. If you can change cells in rows 2-4 to to be Default Rows, then Rikard’s code will work.

But if you really want them to be Heading Rows, we can work with that, too. Please use this code instead:

.avia-table tr:first-child th {
  background-color:black !important;
  color:white !important;
}

Best regards,
Sarah

Hi Joyful_1,

We’re glad that Rikard was able to help you.

Thank you for using Enfold!

Sarah

Hi!

From John’s code, please try removing this line:
margin-left: 31%;

Best regards,
Sarah