sticky sidebar

How do i make a stick y sidebar for the following page (put in the private section) the way I see from your instructions is to go into woodmart extras but I do not see that option for my sidebar

forgot to include the page, see private section thanks

Hello,

1. Make two columns in the row, make one column sticky, and set the equal height of columns in the row.

2. Add the Widgetized sidebar element from WP Bakery page builder chart.

3. Chose your sidebar from the drop-down list, save you will get the result like this: https://gyazo.com/6c7a6c37938ceb0569f929563b190996

Best Regards

I did this but I am still having a problem as it is not working. I will show you the site url and you can see it. I also will give you the screen shot to show you what i edited.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the site admin access to the private area

Best Regards

login info in the private section

Hello,

Please deactivate all the plugins not related to the theme and check the issue, I have tested the feature in my testing site before suggesting you this way and it works correctly.

Best Regards

Thank you for testing, but the plugins we have now are necessary, is there any other option you can think of to make the sidebar sticky?

Hello,

Please confirm the permit to disable the plugins for a couple of minutes for checking.

Best Regards

We are worried that disablin the plugin will cause it to lose its set tings, is that the case or do plugins usually keep their settings and only remove the data once they are deleted?

If it does cause them to remove the data is there another way to check this issue without removing the plugin?

Hello,

Sorry, I have checked again and suggest to enable “Equal height” in the row settings https://prnt.sc/sgk3rq

I have enabled and it works.

Best Regards

Thank you, it works now, how do I change the font on my sidebar?

I would like it to use the theme font and it loooks like it is not using it? And if it is using it then I would like to makei t bigger so maybe i can make it to the title font of the theme?

THe sidebars are located on the 2 pages that I will mention in the private section, thanks.

Hello,

You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

I choose to apply the font to secondary menu and to navigation menu but I did not see an option for the sidebar and now I see the font hasn’t been changed.

What option do i select for the sidebar text to be changed?

Hello,

The font in the sidebar is changed by means of a custom selector.

body h5.widget-title {
    padding-top: 100px;
    color: red;
}
body .widget a {
    color:red;
}

Take these selectors or use this code for customization.

Best Regards

We are having trouble with the spacing of the sidebar. Specifically the sidebar appears too far to the right and we would like it to be more to the left. I cannot figure out how to change the alignment and padding of it.

The page url is in the private section and the login details are the same.

Please advise, thanks

Hello,

The location and paddings are set in the column, you can try a different column width. Please find the video tutorial here: https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/?v=9025a1ae8c64

and

https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/?v=9025a1ae8c64

Best Regards

Thank you for the links, I am able to edit the width of the column easily but I am still having trouble with the blank space on the page. i attached a screenshot to show you the white space to the left of the banner sidebar.

I tried adjusting the margin, padding and border but it does not have an affect.

Please tell me how I can remove this blank space to the left of the banner sidebar so that the page can look much cleaner.

Attachments:

You must be logged in to view attached files.

on may 19th you wrote:

Hello,

The font in the sidebar is changed by means of a custom selector.

body h5.widget-title {
padding-top: 100px;
color: red;
}
body .widget a {
color:red;
}
Take these selectors or use this code for customization.

Best Regards

Where am I supposed to insert this code? and how do i customize it to add the font I want? Am i supposed to write in the font name in one of the parenthesis?

Hello,

Do you mean these white gap https://prnt.sc/spwgxj ? if so, make the row full-width. I still cannot figure our your problem.

Best Regards

Yes I am talking about the space on the left side of the image. I went into row settings and I don’t see a full width setting to manipulate.

Attachments:

You must be logged in to view attached files.

Also about my question 198699 on May 28, 2020 at 2:34 pm

I didn’t receive a reply, please let me know what to do with this code thanks.

Hello,

Please update the site admin access to the private area, I cannot log in.

Please provide the link to the topic which has not been responded.

Best Regards

https://xtemos.com/forums/topic/sticky-sidebar-2/#post-198699

The above is the link to the topic that has not been responded.

In the private i will put in the login details

so please also respond to https://xtemos.com/forums/topic/sticky-sidebar-2/#post-198968

and the link above.

Hello,

#198699

You can change the font by means of an Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

#198968

https://prnt.sc/sqt2c8 Here is the video tutorial, how to make the row full-width https://wpbakery.com/video-academy/full-width-row/?v=9025a1ae8c64

Best Regards

Regarding

#198699

I am aware that the font gets changed in advanced typography, the problem is I can’t figure out which element I need to select in the attached screenshot to affect the sidebar menu in my page /takeout-menu which is a wigitized sidebar.

I have shown in the screenshot the elements I selected but none of them affected the element I wanted.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .sidebar-widget .widget-title {
    color: red;
font-size:20px;
}

This code is for this sidebar https://prnt.sc/srgdpp

Best Regards

Thank you but this only changed the word “categories” or what you may call the sidebars title which was the word categories.

I would like to change the text of the words beneath it, of the individual categories. See screenshot for clarification.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-widget a{
    color: red;
}

Best Regards

[Author]

Posts