Need help customizing the pages

  • Resolved kattouf

    (@kattouf)


    2 years, 7 months ago

    I am using Divi builder and built a main FAQ page using the shortcodes. this looks great. search, gird , block etc

    When i click on a single doc it loads the default Single Page which is full width and not what i want. How do i ‘build’ this single page using shortcodes. I want it max width 1200px wide to begin with. obviously i can do that with css but also the search field is different. Is there a pay i can set a custom page to be the single page?

    Secondly when i disable the Built-in Documentation Page and set it to the page i built. The breabcrumb link works however, it doesn’t load the page as i built it. I adds title and date /author at the top. which i can’t disable. Those are NOT there when i build it with divi.

    /J

Viewing 11 replies - 1 through 11 (of 11 total)
  • Amit Barai Alit

    (@amitbarai013)

    2 years, 7 months ago

    Hi kattouf,
    Hope you are doing well.

    It seems that you want to set the specific width for the content section except for the search field section. If that is so, then you can easily resolve it using custom CSS code. Please use the following custom CSS to resolve the issue. This will not change the width of the search section:

    .betterdocs-content-wrapper {
    max-width: 1200px !important;
    }


    You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.

    After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw

    You can set a custom page for the single docs page. We have implemented FSE compatibility feature in our latest version of BetterDocs version 3.0.0. Please update the plugin to the latest version to avail of this feature. You will get the Single Docs template from the Appearance > Editor. You can check this documentation to get the detail on how to create the templates: https://betterdocs.co/docs/betterdocs-provides-full-site-editor-support/

    Regarding the second issue: We are really sorry for the inconvenience. I have checked this on my end by setting the custom docs page that I created separately, visited the docs page from the breadcrumb and found that it is redirecting to the docs page properly. Please check this screencast: https://d.pr/v/Atjjna

    Will you please provide us the screencast of this issue and the URL of the docs page so that I can check and assist you? Also, please let us know on which page it gets redirected and you are seeing this title and date /author at the top. Is it the Single Docs page?

    Hope to hear from you.
    Thank you.

    Thread Starter kattouf

    (@kattouf)

    2 years, 7 months ago

    Hello thanks for the info,

    Setting custom Docs Page does ‘work’ but it adds titles and date/author.

    This page is set as custom docs page:
    https://www.pixelcart.io/f-a-q-2/

    This is a copy of the page as it SHOULD look.
    https://www.pixelcart.io/f-a-q/

    Screenshot https://ibb.co/BsNJ2bY

    I will deal with design differences between Single page and docs page using css. They don’t match, bg color, search width etc. Ideally we should have a Single Page shortcode. Not a big deal.

    thanks

    /J

    Amit Barai Alit

    (@amitbarai013)

    2 years, 7 months ago

    Hi kattouf ,

    Thanks for sharing the details. Actually, this page: https://www.pixelcart.io/f-a-q-2/ is a post page which is why it is getting the style of the post template and that’s why it is showing the title and author name. And your this page: https://www.pixelcart.io/f-a-q/ is showing the FAQ properly. In order to set the custom docs page as the docs page, you need to select that page as the docs page from the WP Admin Dashboard > BetterDocs > Settings > General > disable Built-in Documentation Page > Docs Page > here, select the docs page that you created > Save Settings. Please check this screenshot: https://d.pr/i/V0NbWi

    Single Page with the shortcode: Unfortunately, I am really sorry to say that, we don’t have the shortcode for the single docs page

    I will definitely discuss this with our team and if we get more such requests in the future, we will definitely try to implement it in our plugin.

    Thank you for your suggestion.
    Have a nice day!

    Thread Starter kattouf

    (@kattouf)

    2 years, 7 months ago

    Hi Amit,

    It’s not a post , it’s a page and a clone of the other one.

    When i select Either Page as a Default Doc , it adds title etc.

    see:

    https://ibb.co/nQxwfmK

    I just changed theme to Twentyfour and issue is the same..

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    2 years, 7 months ago

    Hi @kattouf

    I hope you are doing well.

    Twenty twenty four theme is a WordPress default theme. In most WordPress themes, the page title appears on the page as the heading of the page. Which can be removed using custom CSS or edit the theme editor. Here is the custom code for that:

    .et_post_meta_wrapper {
    display: none;
    }

    To add the custom CSS you can follow this doc here: https://wpdeveloper.com/css-code-snippets-elementor/

    And if you wanted edit the Theme Editor file you visit this link here: https://www.geeksforgeeks.org/how-to-remove-page-title-from-twenty-twenty-theme/

    Thank You

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    2 years, 6 months ago

    Hello again, @kattouf

    We have not heard from you since our last conversation. Could you please let us know if my solution works for you? Let me know if you face any other issues.

    We are waiting for your response

    Thank You

    Thread Starter kattouf

    (@kattouf)

    2 years, 6 months ago

    Your previous reply was unrelated. I hope Amit can take a look.

    The page should not have title and date, it was built with Divi and doesn’t have them.

    Thread Starter kattouf

    (@kattouf)

    2 years, 6 months ago

    Nevermind i give up, i will hack it all with css

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    2 years, 6 months ago

    Hello @kattouf

    I am sorry, but previously you mentioned you changed the theme to Twenty-Twenty-four; that’s why I replied according to that.

    If you are using a DIVI theme, you can then check this document here to remove the page title: https://www.elegantthemes.com/forum/viewtopic.php?t=886814

    Or, you can share your page URL, so I can share the custom CSS with you.
    Please take note that BetterDocs is not the reason for the page title. It always originated with the theme. Moreover, different themes offer different options for turning off the page title.

    Thank you

    Thread Starter kattouf

    (@kattouf)

    2 years, 6 months ago

    Hello Zeba,

    The page I built with Divi does NOT have a title/date. https://www.pixelcart.io/f-a-q/

    The title/date only shows when I set the default DOC page in Betterdocs and select that page. That’s my problem . (Also layout breaks)

    Anyway I gave up and I used your default design.

    Please close this

    J

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    2 years, 6 months ago

    Hello @kattouf,

    I understand that you’ve encountered some issues with the integration of BetterDocs and Divi on your website. I’m sorry to hear that you’ve been experiencing this problem.

    In light of your decision to use our default design, I want to assure you that it’s a great choice and it’s designed to provide an optimal user experience. However, if you decide to customize it in the future and encounter any issues, please don’t hesitate to reach out to us here.

    Please feel free to contact our support anytime you need help, we are always here to assist you.

    Thank You

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Need help customizing the pages’ is closed to new replies.