Button problem - Discover menu

GK User
Fri Jan 09, 2015 5:03 pm
Hi,

I have a little problem with the button "Discover the menu" on the home page, the position bottom2. The button is on the left side, and not in the middle. As to jpg.

Image

HTML code is probably the module is good:
<div class="gk-menu-button"><span><a href="index.php/menu.html" class="button">Discover menu</a></span></div>
The css file I changed nothing.

Anyone know what I spoiled?
User avatar
Fresh Boarder

teitbite
Fri Jan 09, 2015 9:46 pm
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.
User avatar
Moderator

teitbite
Sat Jan 10, 2015 8:46 pm
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
#gkBottom2 .gk-menu-button a.button {
    float: none;
    margin: 0 auto;
    width: 250px;
}
User avatar
Moderator

GK User
Sat Jan 10, 2015 10:04 pm
A możemy po polsku? Będzie mi łatwiej ;)

Po wstawieniu kodu button jest już na środku, ale pod linią, a nie między nimi.
A tak przy okazji. Nie wiesz skąd wziął się ten problem? Zauważyłem go po aktualizacji templatki.

Pozdrawiam
Jacek
User avatar
Fresh Boarder

teitbite
Sun Jan 11, 2015 9:41 pm
Hi

Wyglada na to, ze kod sie nieco zmienil. Sprobuj podmienic kod buttonu z tego modulu w tym:

Code: Select all
<div class="gk-menu-button">
    <span>
        <a class="button" href="/joomla25/steakhouse/index.php/menu">Discover menu</a>
    </span>
</div>
User avatar
Moderator

GK User
Mon Jan 12, 2015 12:06 pm
To niestety nie pomogło. Już wcześniej kombinowałem z tym kodem na różne sposoby i nic nie wychodziło.
User avatar
Fresh Boarder

teitbite
Wed Jan 14, 2015 12:26 am
Hi

Prosze o podeslanie dostepu do joomli. Sprawdze to i poprawie.
User avatar
Moderator

teitbite
Fri Jan 16, 2015 1:53 pm
Hi

I've used this coed to fix it:

Code: Select all
#gkBottom2 .gk-menu-button a.button {
    float: none;
    margin: -30px auto 0;
    width: 250px;
    position: relative;
}

#gkBottom2 .gk-menu-button a.button:before,
#gkBottom2 .gk-menu-button a.button:after {
    background-color: #faf8ea;
    content: "";
    display: block;
    height: 55px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 40px;
}

#gkBottom2 .gk-menu-button a.button:after {
    left: auto;
    right: -40px;
}


looks like it's an editor issue which is removing the <span></span> tags, but with above solution it will not be neccessery anymore.
User avatar
Moderator


cron