[Inigo_Participant]

Hi, I have been able to solve all the issues so far by searching through the forum, so many thanks for that. I still have 3 that I’m hoping you can help me with. Web access details will follow this post.

1.- Remove white underline (Hover) from Navbar in all pages.
Following instructions found in this forum I have used this custom css text to remove the white underline from the Navbar:

.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: 0px 0px 0px 0px!important;
}

It did work but only on the main page and in one language. When selecting English or going to the other page (through Services) the white underline still appears.
How could I remove it also from there?

2.- Twitter and arrow icons (arrow for “back to top”) are not always shown, sometimes a square inside a circle is shown instead. See attachment.

No idea why but sometimes it works and sometimes it doesn’t. Could you please help?

3.- Images. This one is a bit specific and probably more difficult but here I go. I have three rows of images, two of them with three images and one with two images. Something like this:
O O O
O O O
O O

When displaying the page in a tablet or mobile all the images are resized but the 2 from the last row appear bigger than the rest.

Is there a way to force those two images to maintain the same size than the others?

Many thanks in advance,

Inigo

[Rue NelModerator]

Hello Inigo,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

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

Thank you.

[Inigo_Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello Inigo,

Thanks for getting back to us!

1] To remove the underlines, please use this code instead:

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}

2] This might have happen because your Font awesome font which is used for the icons is not totally loaded yet. The font may not have been cache by your browser just yet. You can try to enable the legacy font classes instead. You can do this in Settings > Cornerstone > Legacy Font Classes

3] This is tricky because the 3 columns will result the image width to 33.333% and the two columns will have an image width of 48%. Please try to use this code in your customizer,

@media(min-width: 768px){
    .page-id-777 #x-content-band-5 .x-column.x-1-2 {
        width: 30.66666%;
    }

    .page-id-777 #x-content-band-5 .x-column.x-1-2:first-child,
    .page-id-777 #x-content-band-5 .x-column.x-1-2:nth-child(1) {
        margin-left: 15.33333%;
    }
}

We would loved to know if this has work for you. Thank you.

[Inigo_Participant]

Thank you for your fast and complete answer.

1) Underlines
It worked. I just had to add !important. Many thanks!

2) Icons
Not sure if this has changed anything or not, but now I know when it shows the correct icons and when it does not. Icons appear well when loading the page directly or navigating throungh a text link but when cliking on an image to load another page (the services one) the icons are not shown. Reloading doesn’t fix it.
I’m using awesome font just because I read in this forum that it could fix problems, but I don’t mind using any other font for icons if that could help.

3) Images
It works! Great job. I just need the same for the Spanish page, as it currently only works in the English one.

Many thanks for your help

[Paul RModerator]

Hi,

#3 It’s because the links in your images has www and your server does not allow cross origin.

http://screencast.com/t/lbsadb35K

You can remove www from the links or you can try adding this in your .htaccess file located at the root directory of your site.

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Hope that helps.

[Inigo_Participant]

Your are right!. It did work once I removed “www”. Unbelievable!

One last question to solve #3.
I tried adding the same code you gave me with page id 614 (the page in Spanish) but it didn’t work. Could you please let me know how should I do it?

@media(min-width: 768px){
.page-id-614 #x-content-band-5 .x-column.x-1-2 {
width: 30.66666%;
}

.page-id-614 #x-content-band-5 .x-column.x-1-2:first-child,
.page-id-614 #x-content-band-5 .x-column.x-1-2:nth-child(1) {
margin-left: 15.33333%;
}
}

[ChristopherModerator]

Hi there,

Please provide us with URL of page where you have issue.

Thanks.

[Inigo_Participant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for writing in!

The page ID for your main Spanish page is 26, the code you will use for this page would be:

@media(min-width: 768px){
    .page-id-26 #x-content-band-5 .x-column.x-1-2 {
        width: 30.66666%;
    }

    .page-id-26 #x-content-band-5 .x-column.x-1-2:first-child,
    .page-id-26 #x-content-band-5 .x-column.x-1-2:nth-child(1) {
        margin-left: 15.33333%;
    }
}

Hope this helps. 🙂

Thank you!

[Inigo_Participant]

It did.
Thank you very much for your fantastic support

[JadeModerator]

You’re most welcome. Glad to help. 🙂

[Author]

Posts