Promo Elements

Hi there,

Please help on:
1.) how to remove the thin grey box line around the Promo element please?
2.) how to remove big red line around the Promo element please? This big red line popped up after the box was clicked to the link website. Please see the attached file.

Hello,

I could not login on your website with the given credentials, I also did not find the PROMO Elements on your site.

But to remove the thin grey line you can add the following code to Theme Options CSS or Cornerstone CSS

.x-promo {
 
    border: 0;
    box-shadow: none;
}

Hope it helps

Hi Joao,

Thanks for your reply. I am not sure why the credentials didn’t work. However, I’ve updated the new credentials and tested that it works.

Sorry, I used raw html instead but the issues still there. The page is saved as draft at the moment since we don’t want to live it yet. It is under Our Farmers page in case if you would like to check the back end.

Thank you very much.
Kind Regards,

Hi,

To remove the red line, you can add this in Theme Options > CSS

a:focus {
  outline:none;
}

Hope this helps

Hi there,

I am sorry to say that the red frame remains there after clicked the picture, pls refer to the attached pic. We would like the red line to be removed please. And how to remove the grey line frame around pics too.

Thank you.
Kind Regards,

Hi there,

Please try this:

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

Hi there,

I am not sure what is the real issue here as I still am unable to remove the issues I want. I’ve added the recommended code as per the attached file. I had cleared the cache as well.
Here is the code I use to set the frame. I think it is a shortcode of x_promo.

[x_promo image=“http://www.mittavalleybeef.com.au/wp-content/uploads/2017/12/the-teek.jpg” alt=“the Teek family” class=“promo-link”]TEEK[/x_promo]

Here I attached the issues : red borderline after clicked the image and the light grey lines in all pic tiles.

Thank you.
Kind Regards,

Hi,

Kindly replace code with this.

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0 !important;
    outline : 0 !important;
}

Thanks

Hi there,

Thanks for your suggestion. It is good. The red line is removed.

The other one that I asked but we haven’t yet solved it. The grey box line around the image and content. What CSS would be able to remove this greyline. Thank you.

Kind Regards,

Hi there,

To remove that gray border you need to add the code below to X > Launch > Options > CSS:

.x-promo {
    border-color: transparent;
}

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

Hi there,

Thanks for the code and suggestions. It does make sense.

Kind Regards,

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.