Home › Forums › WoodMart support forum › sticky sidebar

sticky sidebar

Viewing 30 posts - 1 through 30 (of 36 total)
1 2
  • Author
    Posts
  • May 9, 2020 at 10:05 pm #193758

    tchubb
    Participant

    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

    May 9, 2020 at 10:05 pm #193759

    tchubb
    Participant

    forgot to include the page, see private section thanks

    May 10, 2020 at 10:58 am #193815

    Elise Noromit
    Member

    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

    May 12, 2020 at 12:02 am #194192

    tchubb
    Participant

    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.
    May 12, 2020 at 7:43 am #194247

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area

    Best Regards

    May 12, 2020 at 1:38 pm #194378

    tchubb
    Participant

    login info in the private section

    May 12, 2020 at 2:34 pm #194400

    Elise Noromit
    Member

    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

    May 12, 2020 at 7:17 pm #194437

    tchubb
    Participant

    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?

    May 12, 2020 at 8:17 pm #194451

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    May 14, 2020 at 12:16 am #194783

    tchubb
    Participant

    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?

    May 14, 2020 at 9:29 am #194891

    Elise Noromit
    Member

    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

    May 17, 2020 at 10:25 pm #195777

    tchubb
    Participant

    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.

    May 18, 2020 at 7:24 am #195827

    Elise Noromit
    Member

    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

    May 18, 2020 at 11:11 pm #196005

    tchubb
    Participant

    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?

    May 19, 2020 at 9:05 am #196055

    Elise Noromit
    Member

    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

    May 27, 2020 at 3:05 pm #198374

    tchubb
    Participant

    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

    May 27, 2020 at 8:01 pm #198425

    Elise Noromit
    Member

    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

    May 28, 2020 at 2:24 pm #198696

    tchubb
    Participant

    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.
    May 28, 2020 at 2:34 pm #198699

    tchubb
    Participant

    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?

    May 29, 2020 at 8:08 am #198866

    Elise Noromit
    Member

    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

    May 29, 2020 at 2:05 pm #198968

    tchubb
    Participant

    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.
    May 29, 2020 at 7:19 pm #199055

    tchubb
    Participant

    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.

    May 30, 2020 at 10:24 am #199185

    Elise Noromit
    Member

    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

    May 30, 2020 at 12:55 pm #199211

    tchubb
    Participant

    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

    May 30, 2020 at 1:18 pm #199222

    tchubb
    Participant

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

    and the link above.

    May 30, 2020 at 8:54 pm #199309

    Elise Noromit
    Member

    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

    May 31, 2020 at 2:57 pm #199463

    tchubb
    Participant

    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.
    June 1, 2020 at 5:48 am #199538

    Elise Noromit
    Member

    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

    June 1, 2020 at 3:17 pm #199731

    tchubb
    Participant

    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.
    June 1, 2020 at 8:55 pm #199802

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 36 total)
1 2