Header

Resolved kklo
(@kklo)

10 months, 3 weeks ago

Hi,

I use the Astra theme with this plugin.

I have a formatted pattern across the entire site similar to image 3, where there is an image in the background of the main menu. Normally this image is created through Elementor. To avoid conflicts, I configured the plugin with “Single Knowledge Base Mode” disabled. This way, I was able to edit the main page, placing the image through the WordPress pages with a div tag, as shown in image 3, but on the following pages, Images 4 and 5, I was unable to place the image in the background.

If I enable “Single Knowledge Base Mode”, the frontend view shows as shown in image 6 and the subsequent pages with images 7 and 8.

I tried to create a template, as shown in https://basepresskb.com/docs/knowledge-base/basepress-themes/how-to-customize-the-header-and-footer/ but it didn’t work. I tried to place these files, copied and renamed, in the child theme, in the plugin itself and in the template created for the plugin, but it didn’t work either.

I would like to know exactly which file I should change the code to place the image in the background of the menu. Should I place code or CSS? I need help.
Image3 – https://www.awesomescreenshot.com/image/55342645?key=b3243451ef8c5cb55e7d610a30d77ed5
Image4 – https://www.awesomescreenshot.com/image/55342641?key=3ca9495d97ba0fb8c5bb401246f48e60
Image5 – https://www.awesomescreenshot.com/image/55342643?key=163ef2eed41e410a0de3fe5e06046ba7
Image6 – https://www.awesomescreenshot.com/image/55342640?key=10dc8037f825e0e112440b31008ea33f
Image7 – https://www.awesomescreenshot.com/image/55342642?key=3da33e5ff745bcb80ff3d58c3afaa3bc
Image8 – https://www.awesomescreenshot.com/image/55342644?key=fb0396e636e145e20e4d6175cd9712f0
Thanks

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

Plugin Author BasePress
(@codesavory)

10 months, 2 weeks ago

When you mention

I tried to create a template, as shown in https://basepresskb.com/docs/knowledge-base/basepress-themes/how-to-customize-the-header-and-footer/ but it didn’t work. I tried to place these files, copied and renamed, in the child theme, in the plugin itself and in the template created for the plugin, but it didn’t work either.

Are you editing the same theme which is active on your knowledge base? Please verify the same theme is active in the BasePress settings.

Also, just like the main WP theme, you may duplicate the entire BasePress theme, rename it and then customize any code you want as per your wish. Sure this is the old way of WP theme customizing compared to the page builder nowadays. But that should definitely work.

Thanks

Thread Starter kklo
(@kklo)

10 months, 1 week ago

Hi, @codesavory

I’m not editing it. I copied the Modern theme and renamed it, then added it to the Astra-child theme, but I couldn’t find a way to edit the article page. As I said, within this Astra-child theme, I added the two files, as described in the doc: Header and Footer.
Thanks

Plugin Author BasePress
(@codesavory)

10 months, 1 week ago

I think the major misunderstanding here is that you are placing it as Astra-child theme. Where as the BasePress plugin’s themes are in plugins/basepress/themes folder. The BasePress theme should be cloned and placed in the same folder (plugins/basepress/themes).

Also please note that the plugin theme does not have the capability to override the parent theme (The main theme active on your website).

Hope this helps?

Thread Starter kklo
(@kklo)

10 months, 1 week ago

Hi, @codesavory

Ok,

and which file should I use to change the main pages and the article page (dynamic)?

Plugin Author BasePress
(@codesavory)

10 months, 1 week ago

Please refer to this theme index which also describes what each file does https://basepresskb.com/docs/knowledge-base/basepress-themes/theme-files/

Hope this helps?

Thread Starter kklo
(@kklo)

10 months, 1 week ago

Hi, @codesavory

Hi,
I’ve made some progress, but I still have a question.
Only one of the three screens (screen_01) came out perfectly, but on the others (screen_02 and screen_03), the image doesn’t load and there’s a gap on the right side. I haven’t been able to resolve these two issues. Could you please help me?

Image 1 – https://www.awesomescreenshot.com/image/55530262?key=8145d75799676ef2e9f8b81ae1d42ca7

Image 2 – https://www.awesomescreenshot.com/image/55530264?key=3e97ef86801e72c7d8dcf678dbbfb256

Image 3 – https://www.awesomescreenshot.com/image/55530263?key=8d4171d353fc092894f51a3ccef2a581
Thanks

Plugin Author BasePress
(@codesavory)

10 months ago

That mostly looks like either the image is applied at the child DIV and not Parent div. Or maybe CSS issue.

This doesn’t really fall under our plugin support but happy to take a look if I can have a live URL so I can “inspect” the element and see what is wrong here.

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

The topic ‘Header’ is closed to new replies.