Issues With Hope Template - Question | JoomShaper

Issues With Hope Template

CR

Cuauhtemoc Rojas

Template 7 months ago

Hello,

I was required to change the site I'm managing (demo at https://www.3ld.com.mx/aytmtotepoz_demo/ - still not moved to the actual location) to the Hope template... It wasn't an easy task, but after a few days I was finally able to adapt it to the site image...

Unfortunately there some issues that I have been unable to resolve:

  • The menu, once scrolling, it goes dark - I'll assume it's black with some transparence... Tried to find where the menu is located so could see if I can make that a different color but was unable to find where. Unfortunately the site official colors) are very different, so I can't provide a specific color, I'm afraid.

  • I managed to add a footer with a few elements, that repeats in all the site. Using a SPPage Builder module, sent to . But there are 2 issues that I am unable to solve: the first is that I'm getting a centered text (FOOTER_AYUNTAMIENTO) I located with inspecting the element and it seems to be this element:

<h3 class="sp-module-title">Footer_Ayuntamiento</h3>

inside the sp-footer

But can't find a way to remove this text.

  • My other issue here: the bottom of this footer has a white gap in the last part (the copyright notice). That gap needs to be removed, but I can't find a way to do that.

  • Finally, I am unable to find a way to edit the titles in the page header on the different pages on the site other than the home - as they are presently the font tracking is too close and I need to change the color (I assume this happens because of the font change between the original one used in the template and the one used on this site.

Checking pasts posts I found something that seemed to be similar to the issue I have (https://www.joomshaper.com/forum/question/20662)... Unfortunately, the CSS code on that anwser didn't work for what I need.

Any assistance on these issues would be greatly appreciated.

0
3 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #188053

Apologies for the inconvenience. Below are the solutions to your issues:

Issue 1: Menu Turns Dark on Scroll To change the background color of the menu when scrolling, add the following CSS to Template Options → Custom Code → Custom CSS:

#sp-header.menu-fixed {
    background: rgba(0, 0, 0, 0.85) !important;
}

Replace rgba(0, 0, 0, 0.85) with the desired color.

Issue 2: Removing the "Footer_Ayuntamiento" Text In the module settings, there is an option to show or hide the module title. Please set it to Hide. prnt.sc/LmJbkpGXSqFl

Issue 3: Removing the White Gap Below the Footer Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

#sp-footer{
    padding: 0px;
}

Issue 4: Editing Page Titles (Except Home Page) These titles are controlled in the Menu settings:

  • Go to Menus → Your Menu
  • Open the desired menu item
  • Navigate to the Page Display tab
  • Modify the Browser Page Title and adjust other styling settings prnt.sc/RIMBEpNu-ykv
0
CR
Cuauhtemoc Rojas
Accepted Answer
7 months ago #188150

Issues solved...

THANK YOU VERY MUCH!!!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 7 months ago #188384

You're very welcome! I'm glad the issues are resolved. If you need any further assistance, feel free to reach out.

0