Hello,

I believe there should be an easier way to fix this without the .htaccess file.

What determines what is shown up in the display URL? Is that not handled by DNS Records, the A Name, or something similar? I just compared the settings with another website I host and they look equal to me, so it’s not understandable for me why the display URL appears differently for the new site.

Thank you @mike, perfect!! :-)

Hi Ismael,

Ok, thank you for letting me know!

In that case (that setting it up with AWS SES requires a paid Pro version), I want to go with the free setup WITHOUT AWS SES. So we can just ignore AWS SES and focus on resolving the “usual setup”.

In that case my current status is the following:
– When emailing directly to the email address (please see in private content below) I set up with AWS SES, the emails get delivered immediately.
– I have now set up Contact Form 7 as you advised, followed the implementation steps and also went through the best practices. Everything seems to be set up correctly, however I always receive this error message: https://savvyify.com/img/image/g0EX
– As mentioned in my previous message, I also
a) added the filter in the functions.php file (please see screenshot attached with its integration)
b) manually specified the from address in the contact form’s Content > Backend > Your from address field

Nevertheless it is not working and I cannot find the reason in the troubleshooting guides.

I would really appreciate if you could help out to set it up the normal way.

Thank you,

Hi @yigit hi @ismael

I have now completed the steps you advised:
1) Added the filter in the functions.php file –> Please see screenshot attached.. I believe that integration is correct?
2) Also Contact Form 7 plugin is installed now. I don’t fully understand though if it automatically connects to the Enfold contact form?
3) Also manually specified the from address in the contact form’s Content > Backend > Your from address field.

Nevertheless, the email from the contact form is still not reaching.

Could you please have a look where the issue resides? Would appreciate your help on this to finish the contact form :-))

Hi @ismael

I added the namings “mf-footer-mail” and “mf-footer-linkedin” to the 2 columns as “Custom ID Attribute” (and also added “mf-footer” as the “Custom ID Attribute” for the color section, however it’s still not clear for me what I need to replace in the code to make it work across all pages:

@media only screen and (max-width: 767px) {
#top #wrap_all .flex_column.av-kzbx94lc-0865b210f7d84bd719b709dfe2b258da, #top #wrap_all .flex_column.av-kzbx3c10-9015bc4b90fe961b12754f30ae1ac4a2 {
width: 49%;
float: left;
margin-left: 1%;
}
}

When I got into Inspect on the page, I cannot find columns named “mf-footer-mail” and “mf-footer-linkedin”.

Could you please help me to be able to finalize this?

Thank you,

Hi Yigit,

How long should this take me to implement, knowing that I have no experience with Enfold and WordPress implementations yet?

It would help me to put the necessary time aside to make this work :)

Thank you,

Hi @Ismael,

Apologies, I had briefly removed it to test another layout. I have it back in the page now if you’d like to check / inspect it.

I applied the Quick CSS you shared, however it’s still far from the design / layout I’d like it to have:

1. For instance, the background color has not changed despite the new Quick CSS code. How can I change the color of the headline row as well as the font color within the headline?
2. The images / icons on the left are currently showing very large. How can I ensure they show in the original size 64x64px?
3. For the table only (not the rest of the website), I would like the links and texts to be displayed in color “#e50000ff”. How can I do that, do you possibly know the custom CSS for that?
4. For the table grid, I would like to remove all the vertical grid lines, HOWEVER KEEP the horizontal grid lines. Could you share with me how to do that as well, please?

Thank you so much in advance, really appreciate it!! :-)

I played around more with the Testimonial Slider and tried all the layout options. It doesn’t work for me.

I’d like to have a simple slider for text boxes that only activates on mobile screens and where the user can go to the next slide by clicking on 3 dots below the slider. (Due to the text there’s no space to display arrows left and right)

Thank you in advance for your suggestion!! :-)

Hi @Ismael

The testimonial element doesn’t fit the rest of my page at all. Please see screenshot attached: https://savvyify.com/img/image/gFh8
I want the reviews to be displayed in 3 text boxes next to each other so they fit the rest of the website.

Please also see the 2nd screenshot (https://savvyify.com/img/image/gH7B) which shows the reviews how I added them as normal text blocks. It looks a lot better.

The only thing I would need to solve for is to display the 3 1/3 columns (with a text box in each) next to each other / as a slider.

How can I achieve that to display 3 1/3 columns as a slider, no matter if the content is a testimonial or sth. else?

Thank you again for your advice!! :-)

Hi @Ismael

It works perfectly now on my main “Home” page!

2 last questions:
1) To make it work across all pages, can I just save the color section (in which the 2 images/widgets are in) and add it on the other pages?
2) I would like to remove some space below the 2 widgets/images across all screen sizes. However when checking for padding and spacing, it shows 0px everywhere already. How can I decrease the space between the 2 widgets and the bottom of the page in this case?

Thank you again, really appreciate it! :-)

Hi @Ismael

There seems to be still some problem on some sizes: When I reduce the screen size on my laptop to the minimum (I would assume that’s tablet size?), then the 2 images still jump into 2 rows: https://savvyify.com/img/image/ft1f

I believe that’s why because the Quick CSS you provided only applies to actual mobiles and tablets, not laptops?

Hi Ismael,

Thank you – both images/widgets do appear in the same row now! :)

To make it the same as on Desktop, I would still like to add a 1% Space Between Columns. What do we need to add to the Quick CSS code to make that work?

Also, the code currently only works on the “Home” page.. when you go to any other page on my website, the two widgets/photos are still in 2 separate lines on Mobile. What do we need to add for this to apply it across all pages?

Thank you! :-)

Hey @Ismael

Which slider should I use to be able to apply “Styling > Testimonial Style”?

I see 3 options that may work based on their title (however it’s difficult for me to know as there are a lot of sliders to choose from):
1) Content Element > Content Slider
2) Media Element > Accordion Slider
3) Media Element > Advanced Layer Slider

Which one shall I use to achieve the testimonial slider?

Thank you!

Found it – please ignore my last message. I may still have a follow up question on making it work.

Hi @Ismael

What I am supposed to add where you wrote “/* Add your Mobile Styles here */”? What do you mean with Mobile Styles?

I always want to show the 2 columns that contain the 2 tiny images in 1 row, regardless of screen size. Please see the 2 images highlighted here in Green: https://savvyify.com/img/image/f2D3

Thank you again!