Docs

[alamtfuerwerbung]

Hi, could you pls check sub.ihrwiderruf.de.
There are three essential grids at the end of the startpage.
Each has a Red button which should getting bigger when hover.
The middle and the left grid are workin´ right. The buttonhover on the
left grid is different and I can´t find the reason.

Thx for help
Andre

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.esg-bottom >a:hover {
    font-size: 18px !important;
    line-height: 44px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 0px 0px !important;
    background-color: rgba(227,58,12,1.00) !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-transform: uppercase !important;
}

Hope that helps.

[alamtfuerwerbung]

no sorry, doesn´t work.
so isn´t there a possibility to set these things inside essential grid.
It´s weird that the first box doesn different things than other.

thx
andre

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[alamtfuerwerbung]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. It seems that you have 3 different grids with different skin. Please edit your grids and make sure that you are using the same skin so that you will have the uniform effects and hover animations.

And by the way, upon checking your site, I noticed that you have inserted an invalid code in one of the text widgets in your footer. Please have the code updated and make use of this content instead.

<p style="padding-left: 0px;" > <img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/GBK-Logo-Final_nbg_berlin.png" alt="gbk Logo" width="230px;"></p>

<p style="padding-left: 0px;" > <img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/tel_iconedit.png" alt="tel_icon" width="25px;"></p>

<p style="margin-right: 14px;" > <a href="tel:+499119551680"> 0911 / 955 168 - 0</a></p>

<p style="padding-left: 0px;" > <img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/fax-symbol.png" alt="tel_icon" width="27px;" </p>

<p style="margin-right: 14px;" >  0911 / 955 168 - 9 </p>

<p style="padding-left: 0px;" ><img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/mails-Kopie.png" alt="tel_icon" width="27px;" ></p>

<p style="margin-right: 14px;" >  <a href="mailto:mail@gbk-rae.de" >mail@gbk-rae.de</a></p>

Hope this helps. Please let us know how it goes.

[alamtfuerwerbung]

Hi, thx, will check out the grid settings.

And thanks for checking the page!!!
I added your code, seems that I forgot the closing </p> Tag.

But now I have a break after the icons. Can I close the <p> tag without a break?
Icon and numbers/mailaddy should be in the same line.

http://ctrlv.in/923938

Thanks
Andre

[Lely]

Hello Andre,

Upon checking, the image and the text are on different paragraph tag which by default has bottom margin. Let’s put it on the same paragraph tag.
Update the code to this:

<p style="padding-left: 0px;" > <img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/GBK-Logo-Final_nbg_berlin.png" alt="gbk Logo" width="230px;"></p>

<p style="padding-left: 0px;" ><img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/tel_iconedit.png" alt="tel_icon" width="25px;"><span style=" display:inline-block; margin-left: 14px;" > <a href="tel:+499119551680"> 0911 / 955 168 - 0</a></span></p>

<p style="padding-left: 0px;" > <img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/fax-symbol.png" alt="tel_icon" width="27px;" /><span style=" display:inline-block; margin-left: 14px;" >  0911 / 955 168 - 9 </span></p>

<p style="padding-left: 0px;" ><img src="http://sub.ihrwiderruf.de/wp-content/uploads/2016/08/mails-Kopie.png" alt="tel_icon" width="27px;" ><span style=" display:inline-block; margin-left: 14px;" ><a href="mailto:mail@gbk-rae.de" >mail@gbk-rae.de</a></span></p>

Hope this helps.

[alamtfuerwerbung]

perfect

thx
Andre

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[alamtfuerwerbung]

Also checked out the skins. I need a skin for each grid, because they have different headline. I copied it and now every grid has the same style.

Thanks for helping me out.

Andre

[Rahul]

Glad we were able to help you.

Feel free to ask us again.

[Author]

Posts