Hey JoeSurf,
Thank you for your patience, unfortunately, at this time this is not possible as WordPress doesn’t support SVG files natively. Once WordPress supports SVG it should be as simple as uploading the file.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your page, so for just this one page please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-7186 .avia-icongrid-flipbox li:hover .avia-icongrid-front {
-webkit-transform: rotateY(0deg) !important;
transform: rotateY(0deg) !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, as for the text block under “Page Overview” I see these links are H5 and for hover I see a slight conflict which I believe is due to the Advanced Styling for the H5 element which defines a new font size and the color is blank, which tells the theme to use the inherit color, which should also be fine, but the element doesn’t have the option to define a hover color so inherit is used which is the problem.
So we will need to add a css rule either for the font size or for the color, I recommend leaving the Advanced Styling setting as is and adding this css to your Quick CSS:

#top #wrap_all .avia_textblock  > h5 > a:hover {
	color: #fb6971;
}

After applying the css, please clear your browser cache and check.
Please let us know if you find any other oddities.

Best regards,
Mike

Hi,
Sure, but perhaps you could explain further what you mean, because the column widths are controlled by the column elements that you use ie; 1/3, 1/4, 1/2, etc and the width of the page container, so using the best suited column is better than forcing a 1/4 column to 33% width, and sometimes it would be better to change the padding of the page so the elements have more room, and other times adding or removing the padding or margin between the columns would be a solution. So it really kind of matters what you are trying to achieve.
But if you really want to just modify the column widths you can find them in /wp-content/themes/enfold/css/grid.css
These are the defaults

div .av_one_fifth {
  margin-left: 6%;
  width: 15.2%;
}
div .av_one_fourth {
  margin-left: 6%;
  width: 20.5%;
}
div .av_one_third {
  margin-left: 6%;
  width: 29.333333333333332%;
}
div .av_two_fifth {
  margin-left: 6%;
  width: 36.4%;
}
div .av_one_half {
  margin-left: 6%;
  width: 47%;
}
div .av_three_fifth {
  margin-left: 6%;
  width: 57.599999999999994%;
}
div .av_two_third {
  margin-left: 6%;
  width: 64.66666666666666%;
}
div .av_three_fourth {
  margin-left: 6%;
  width: 73.5%;
}
div .av_four_fifth {
  margin-left: 6%;
  width: 78.8%;
}
div .av_one_sixth {
  margin-left: 6%;
  width: 11.666666666666666%;
}
div .av_one_seventh {
  margin-left: 6%;
  width: 9.142857142857142%;
}
div .av_one_eighth {
  margin-left: 6%;
  width: 7.25%;
}
div .av_one_nineth {
  margin-left: 6%;
  width: 5.777777777777778%;
}
div .av_one_tenth {
  margin-left: 6%;
  width: 4.6%;
}

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the feedback, I believe that there was something else affecting this but I didn’t find what it was, nonetheless glad that you were able to find a solution. Thanks for using Enfold.

Best regards,
Mike

Hi,
I tried working on this but was stuck, so I’m still trying to figure this out 🙂
Please reply back so it shows on my to-do list again, thank you for your patience.

Best regards,
Mike

Hi,
?avia-element-paging=3 works as a direct static link, the pagination links were changed like this to correct many issues including popular SEO requests, these were modified in many elements in the theme and would be no easy task to change them back. I believe this change began back in v4.8.0 in some of the elements, so I guess you could roll back to that version, but I would see no reason to since they work correctly and as intended.

Best regards,
Mike

Hi,
From your screenshot it doesn’t look like you have the text element which has the iframe code in a color section as per your original request and debugger code, that is what I created the solution for, did you try it?
The iframe is not contained by it’s own width, it is it’s parent container that you need to target, please try the above solution to examine and understand, I also linked to the working example from the screenshot in the Private Content area above that you could examine.
If you link directly to the page you are working on I could help further.

Best regards,
Mike

Hi,
Thank you for the feedback, sorry my mistake, for your debugger code above please add the custom class color-section-for-iframe then use this css:

#main > .color-section-for-iframe > .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

expected results:

Best regards,
Mike

Hey kazzijazz,
Thank you for your patience, I assume you are referring to the link in the Private Content area, I’m not sure because you didn’t link to it, either way we can use it as an example. So for your main menu the home/#top is easy, just go to your menu and remove the #top as it looks like you used a custom menu item, for the others such as #ourportfolio & #ourservices & #contactus these are all anchors to content somewhere on your page, if you remove the hashtag the links will not work.
What issue are you having with the sticky header that you think removing the hashtags would help?

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, I took a look at your pagination and it is working correctly, and advancing when I check on Chrome, Firefox, Edge on Windows 10. Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, but it seems your test page is off line right now, I tried looking at your homepage slider but didn’t have any luck with z-index, can you re-enable the test page and include admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Sorry for the late reply, so what I’m seeing is backwards from what you explained, on the portfolio archive page the grid is 3 wide and are square, and on your gallery page the grid is 4 wide and it’s a rectangle, so I believe that if you change your archive page to a 4 wide grid it will sort this out. Please edit the taxonomy-portfolio_entries.php on line 33 in your Enfold parent directory, look for: 'columns' => '3', and change to 4

You can also save this to your child theme directory for it to stay persistent for future updates.

Best regards,
Mike

Hi,
I see, it looks like the plugin is getting it’s info before the script runs and I don’t see any classes in the TOC links to identify the ones to remove. If your TOCs are not going to be changing in the future, you could copy the source code of each one, edit out the ones you don’t want and then paste into a code block element, and remove the plugin.
Otherwise, it looks like your plugin will allow exclusions

you will need to figure out keywords that you don’t want to be included, the plugin also lets you deactivate for pages or posts, so perhaps that would help, or perhaps there is another plugin that will give you more options.
I can’t read your language so I can’t get a good idea of what you want to show or not, or what your page content is aiming for, so I’m not a lot of help there, sorry.

Best regards,
Mike