To put the "sweet wave" section divider under the page title

Hello,

i would like to insert the “sweet wave” section divider under the page title to make it appears like in the home page under the revolution slider, or like under the map that we have set in contacts page.

But we are not able to do so under an image in “cover”, or directly under the title like in Shop ot Blog.

Please, may you help me with it?

Thank you so.
Best regards,

Ida

Hello,

You can put a “Sweet Wave” section divider in those sections of pages which are built in Wp-Bakery.

It’s not possible for the title of page. Because the page titles does not included inside the content of Wp-Bakery. Even if you use your section divider in the very first row then it will apply for those elements which are below it not on the title page.

Screenshot for clarification: https://ibb.co/mFkTNFm

Link for dividers: https://woodmart.xtemos.com/section-dividers/

Best Regards.

Hello,

ok, but, is it possible in the Shop and Blog pages? i don’t reach to

The other problematic page is:
https://rosscrem.com/qui-som/
this one doesn’t have title header, instead of is having a “section title” widget of Wp-Bakery, but also give problems. Is it possible for you to revied it?

Thank you so.
Best,
Ida

Hello,

As I mentioned in my previous reply its not available for the title of page. And I am unable to visit the URL of the page you attached because the Website is in maintenance mode.

Can you please disable the maintenance mode and then share the URL of the page so I check it myself and help you accordingly.

Best Regards.

Hello,

Next, I provide you with a login to enter.
thank you so.
Best,
Ida

Hello,

I tried to login to the website using the credentials you provided, but was unable to access the admin dashboard.

Please provide the correct admin panel login details to check it myself and help you accordingly.

Best Regards.

Hello,

done, now you have admin permissions, same login

Best regards,

Ida

Hello,

I have visited your site. Since you have disabled the title of the page, to separate the sections of the page you can use section dividers module from Edit page with Wp-Bakery.

Screenshot for Clarification: https://www.screencast.com/t/YqeTQVNw

You can use after the “Section Title” element by removing the bottom padding of your first row.

As an example for you I have added the section divider on you website:
Screenshot for Clarification: https://ibb.co/KKtmGqr

Result: https://ibb.co/b62BwYV

Best Regards.

Hello,

I’ve finally got it! With a slightly different method, because apparently I tried in the way you indicated but that way I was not able.

Continuing with the intention of putting the “SWEET WAVE” in all headers …
In “my account” (el meu compte) I have achieved it, but not in Shop (Els nostres gelats) and Blog (Blog) Please, could you show me a way to get it?

Thank you so much.
Best

Hello,

I’m glad that you achieved it for my account page. I also visits your my account page backend. As you disable the actual page title for that page and use your custom Html Block inside the Wp-Bakery area.

You can also do the same for the shop page and blog. But if you hide the actual title section and display your custom title section with the help of Html Block then the categories names and products count will not shown in the way it exists in shop title section provided by theme.

To create custom title for the Blog and Shop Page. Edit the page with WPBakery Page Builder. First you need to disable the page title.

From Edit page with Wp-Bakery >> Scroll Down >> Disable page titles.
Screenshot for Clarification: https://www.screencast.com/t/hNCiy39Z

1)Create a new section.
Screenshot for Clarification: https://www.screencast.com/t/tf1MSavXKcqo

2)Create two rows in the section and in the first row add Section Title module of Wp-Bakery and Section Divider module in the second row respectively.

And make the title and divider module settings according to your requirements.
Screenshot for Clarification: https://www.screencast.com/t/xLeUhNxZv

3) Use the background image in the Section Background
Screenshot for Clarification: https://www.screencast.com/t/kzYNwxRE1j

Result: https://www.screencast.com/t/RygIMZWAJ

Best Regards.

Hello,

I think I had already done it. Now I have done it following your instructions step by step, but I think that in my installation something goes wrong, when I save, the work done with WPbackery disappears.
I have reactivated the page title, but if you want to try what I tell you there is no problem.

Thanks a lot!
Best

Hello,

Please deactivate all the third party plugins, activate the parent theme clear the cache and then check. If the problem continues then leave all the third party plugins deactivated and let us know we will troubleshoot with theme plugins.

Best Regards.

Hello,

ok, I have disabled all third-party plugins, except those configured for the multisite and activated the main theme, but the problem continues. No caching plugin is activated since now.

I leave everything in this way so you can verify and fix anything that is preventing us from using WPbakery on the Blog and Store pages.

I look forward to your news asap.
Thank you so much.

Best regards

Hello,

Your issue has been solved. I have added the divider element and custom CSS code for blog page in the blog page backend custom CSS section here: http://prnt.sc/qx9g7f

And for the shop page, I have added the divider element on the page and custom CSS code in the Theme Settings > Custom CSS > Global Custom CSS code section: http://prnt.sc/qx9hlz

And add the element on the page here: http://prnt.sc/qx9i88

Now, please check the both pages here: https://rosscrem.com/gelats/

https://rosscrem.com/blog/

Best Regards.

GORGEOUS!!!

Do you think it would be possible to do so in the single post pages? it will be perfect!

Thank you very much!!

Best regards,

Hello,

Your issue has been solved. Please use the below code and paste it to every blog post like showing in the video below:

<p>[vc_section full_width="stretch_row" css=".vc_custom_1580805509558{margin-bottom: 8vh !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" woodmart_disable_overflow="0" el_id="blogdivider"][vc_row full_width="stretch_row_content_no_spaces" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0"][vc_column mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" el_class="text-center" el_id="blogdivider"][woodmart_row_divider position="bottom" style="sweet-wave" woodmart_css_id="5e2d8eff94cbd" content_overlap="disable" color="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJmaWxsIjpbIiBzdmciXX0sInNlbGVjdG9yX2lkIjoiNWUyZDhlZmY5NGNiZCIsImRhdGEiOnsiZGVza3RvcCI6IiNmZmZmZmYifX0="][/vc_column][/vc_row][/vc_section]</p>

Please see the video here about how to use the above code:
https://www.dropbox.com/s/ol5p9nrbegomuja/Sweet%20Wave.mp4?dl=0

Best Regards.

Hello Aizaz,

I will do so.
Thank you very much for your kindness and interest in doing the video tutorial.

Best regards

Most Welcome :-)

If you do not mind, can you please leave 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts