Hello there again Ismael,

Sorry for not attaching FTP credentials. Please find them at the private section.

Best regards,

Victor

Hello there Ismael,

Thanks for your reply. I went ahead and requested support from the plugin developers and they told me there is nothing they can do since the issue is not present when they use the default wordpress themes. Please find the support request at the private section.

Is there anything we can do on our part regarding this issue?

Thank you so much in advance for your actions!

Best regards,

Victor

Hello there Ismael,

Sorry for the wrong username. Please find the correct one at the private section.

It is set to elegant and the options are set at the Enfold > Blog Layout > Blog Styling . I am afraid that I carried some CSS from exporting the theme settings from another website.

Thank you in advance for your help.

Best regards,
Victor

Hello there Mike,

Sorry for the laggy staging website, it was due to WP Rocket plugin which I have disabled. I think it should respond correctly now.

I went ahead and downgraded woocommerce to 5.6.1 , unfortunately this did not fix it. I have also upgraded to 5.8.0, still the same issue.

Please kindly try to log in with the credentials provided at the previous posts (I will place them again at the private section of this post).

Looking forward to receiving your reply , hopefully with good news!

Best regards,

Victor

Hello there Ismael,

Thank you for the reply. I have tried this but the issue remains. It appeared that the stm-lesson entries were hidden, only because the Masterstudy plugin was disabled. It needs both the free and the Pro Masterstudy plugin activated, in order for the courses to work.

Can you please kindly have another look on the issue, since I really don’t have a clue how to hide those lessons from the element?

Thank you so much, once again, for your assistance!

Best regards,

Victor

Hello there again Mike,

Thank you very much for the prompt reply.

I see now how it should work. At some point I thought I fixed for all categories with one go, although it appears that what needs to be done, is to specify for every category separately, as you have advised.

Once again, thank you very much for your time and effort! In case I need further assistance, I’ll come back!

Best regards,

Victor

• This reply was modified 3 years, 1 month ago by wtechgr.

Hello there again Mike,

Thank you for your reply.

Indeed, at the link you are checking, the layout is great, as expected. Although in another link, on another product category, the result is not as expected.

I think we are getting close and we need to play a bit with the px of the two css provided. I mostly rely on your experience, since mine is not that great!

You may find the screenshot and the link where the issue is located, at the private area. The screen resolution is 1920×1080 and it appears the same both in chrome and edge browsers.

For now, I went ahead and I’ve hidden the buttons, as the client requested, until we find the way to align them properly. Just comment out the css in quick css, whenever you wish to check the alignment issue.

Thank you so much for your assistance!

Best regards,

Victor

• This reply was modified 3 years, 1 month ago by wtechgr.

Hello Rikard and thank you very much for the quick CSS.

This one almost did the job. I had to adjust it a bit to 450px, since some buttons were cut in half.

Also,

1) still the red buttons under the products are not aligning with each other at the bottom, is there a way to fix this?
and
2) product categories have a border line around them and now that we’ve increased the height of the columns, the product categories in the columns do not appear as symmetrical (link provided at the private content). Is there a way for the custom height of the columns to take place only for products and not the product categories at the shop page? If not, what could be the correct css code to hide the border lines?

Thank you in advance for your reply!

Best regads

• This reply was modified 3 years, 3 months ago by wtechgr.

Hello there Rikard,

Thank you for the reply. I am still trying to figure this out.

I understand that this may be out of the scope of support, although is it possible that a few lines of CSS can resolve the responsiveness issue? I am still struggling with this!

Any help is welcome!

Best regards,

Victor

Hello there Ismael,

Thank you for your reply! I will try to change the code for the form and hopefully we’ll be good to go, when it comes to that accessibility issue!
UPDATE 1: I’ve managed to fix it by commenting the code you have indicated. Thank you very much.

As for the contrast, there is the background of the title, different than the background image and directly related to the title. I’ve tried to trick the tool with the following Quick CSS:

`.avia-caption-title {
background-color: rgb(0, 0, 0, 0.01) !important;
} `

but it still shows contrast issues for the title.

UPDATE 2: I’ve managed to trick the tool for the sub-title (caption text) by adding <p style= “background-color: rgb(0, 0, 0,0.01);” > … </p> at the caption text. But doing similar tricks at the Caption title makes the text black and still, I am unable to pass the contrast challenge.

Looking forward to receiving your guidance and thank you in advance for your reply!

Best regards,

Victor

• This reply was modified 3 years, 8 months ago by wtechgr.

Hey there again Rikard!

Thank you for coming back! I think the issue can be replicated only in smaller resolution mobiles.

I have found this tool (please check private content), where you can choose the device to see how a website looks in some devices.

It looks as if in tablets everything is visible, while if you choose let’s say iphone 6, the content that appears in your screenshot, is not visible anymore!

Thank you in advance for your time investigating!

Best regards,

Victor

Hello there again!

Thank you for your reply!

I went ahead and removed the part shown below:

#top #wrap_all #main .avia-no-border-styling {
border: none;
display: none !important;
}

I have cleared cache and it still keeps the content in the front page hidden. Can you please kindly guide me further in making the rest of the website appear in mobile devices too?

Thanks in advance!

Hey there Victoria!

It is the homepage. It is the https://www.thomascosmetics.gr/home

Thank you in advance for your reply!

Best regards,
Victor

Hello Basili,

Please find the login details at the Private content section.

Just to clarify, the issue is about making the fullscreen slider, together with its text and buttons, to appear faster at the initial load of the homepage, so users can click on the buttons the soonest possible, so that google pagespeed insights give a better score!

Thank you in advance for your time!

Best regards,
Victor

• This reply was modified 5 years, 8 months ago by wtechgr.

Hello again!

Thanks for coming back!

We have created many posts on a new project that we do not have online yet, unfortunately (I’ve created a simple example – please see lower on this reply).

For the posts, we have used the Advanced Layout Editor.

Using the Advanced Layout Editor, we have created several Color sections in every post.

Every color section contains buttons that redirect (using anchors) to other color sections inside the same post.

What I want to achieve, is for the visitor to be able to navigate inside the post using only the buttons, without being able to scroll with their mouse (to make the scroll bar at the right side of the browser disappear). Our issue is that the initial CSS we were using, (the code mentioned at the initial thread of this discussion), has an effect on other parts of the website too, and we fail to make it work only for blog posts.

—> I just went ahead and created a very simple post at https://www.wtech.gr/testpost/ to see what we want to achive.

So as you can see there are 2 color sections with buttons that lead from one to the other. One can either click the buttons or scroll with the mouse. We want the most efficient way to disable scrolling with mouse, so that visitors can navigate from one color section to the other, only using the buttons offered, but also that this has an effect only to blog posts and not other parts of the website!

I have came up with this code now for the theme’s quick css,

html.html_entry_id_1444{
     overflow: hidden;
}

but for every single post, I have to create a new line.

—> The main question is, instead of specifying every post, is there a code to perform the above, but for all blog posts?

Thanks again in advance, and sorry for the long post.

Best regards!