Page Border

[Kymmie44]

Hi there,

I’m hoping to add a page border of 3px which dynamically resizes to all pages of my Kleo based buddypress site. I’ve tried a few different snippets of code in the quick CSS field in Theme options however nothing has worked. Is there an easy way to do this for a fairly clueless user?

Cheers
Kym

[Radu]

Hi pretty please show me a sketch of where you want 3px border.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

Sure can – please see attached what I would like to achieve on desktop (and how I’d love it to look on the mobile version).

Thank you!

[Radu]

Also i need the site URL, to give you correct CSS code.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

No worries – for the time being it is located at http://www.riverparkkordamentha.com 😊

Please let me know if you want me to provide back end (wp-admin) access and I’ll set it up!

Also, whilst you are taking a look could you please try to remove the black bar at the top of the mobile site so it is just image all the way to the top and see if I have set something wrong as the mobile menu (when not set to side menu) doesn’t expand for more than a microsecond … I figure I must of broken it as the forums don’t mention anyone with the exact same issue!

Thanks so much for all your help
Kym

[Radu]

I tried to access your website but chrome says ”
This webpage is not available

ERR_CONNECTION_TIMED_OUT”.

The URL is correct ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

Hmm… yes that is the correct link, I am on there now (tested with both chrome and explorer). Perhaps try a subpage at: http://riverparkkordamentha.com/form-test-page-register-2/

Please let me know as soon as possible.

[Radu]

Still i cannot access your site,

About border the easiest and quick way is to put border to body like this :

COPY CODE

body { border: solid 10px #333;}

But if you want to have border on all sides it’s more complicated which require some time of work.

Regarding the top black bar, go to Wp-Admin -> Theme Options -> Miscellaneous UNCHECK -> Admin toolbar.

About the menu problem, try to add retina logo from theme options -> general settings and recheck the menu, it should work.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

Hi there,

Thanks for the help! It’s very odd and frustrating that you can’t get on to the site – I have had a few people test it both on chrome / IE, on mobile and desktop and they can all access it okay…. Do you have any idea what may be causing this?? Could it be that all my testers are located in Australia?

Re the top black bar… I unchecked the admin toolbar as requested however it didn’t make a difference sadly. It still displays a heavy black bar on the top of the mobile site and it turns white when I pull the screen down with my finger (as per attached screen grabs) however ideally I’d like it to be transparent at all times, with a Black ‘hamburger’ menu. AT the moment, when it turns white, the hamburger style menu is not visible which is a key issue for usability.

Please help!

http://riverparkkordamentha.com/
http://riverparkkordamentha.com/friends/

[Radu]

Hello,

I’m trying to access your website from Romania,

I accessed your website but with a proxy,

Try to use this css snippet by adding them to Wp-Admin -> Theme Options -> General Settings -> Quick CSS area

COPY CODE

@media (max-width: 991px)
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
  position: relative!important;
  top: auto!important;
  background-color: rgba(0,0,0,0.5);
}

Also try to decrease the line-height for the menu if is need from Wp-Admin -> Theme Options -> Header Options -> Main Menu Height -> to 70,75 or any value.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

Hi Radu,
Thanks for your advice – unfortunately pasting the css into the Quick CSS area didn’t do anything at all for the mobile version of the site… I still have the awful black bar at the top, and when it does turn white… the hamburger menu is not visible because it is also white.

Any other suggestions? This is one of the last things holding up our release to our test group so fingers crossed you have the solution!

Cheers
Kym

[Radu]

Try like this with !important declaration

COPY CODE

@media (max-width: 991px)
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
  position: relative!important;
  top: auto!important;
  background-color: rgba(0,0,0,0.5) !important;
} 

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kymmie44]

Sadly that didn’t work either! … any other ideas? Could I give you admin login details for the wp site and you can have a look?

[Radu]

Yes, i will try to use a VPN or something…

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts