FFF

Discussions

Why i can't even add a Iframe in a block?

I try to add a chatbox on my website.. Java problem it seems...Now i want to add :<iframeallowfullscreentitle="AI Chatbot"role="dialog"id="ICG-iframe"allow="accelerometer; autoplay; camera;...

· -1
Busimatch
2024-10-27T07:38:55+0000
Replies (11)

A better noscript (JavaScript Disabled)

The current "JavaScript is required" message is hidden behind the main menu. This might depend on the theme you are using. Regardless, the following seems to work better. The message is right in the middle of the screen when...

How to make some content menu items glow?

· 5
Cem
2023-12-21T07:35:35+0000
Replies (6)

How To Use Custom Fields in Posts?

· 1
InPage
2021-03-10T22:32:36+0000

Repeating DB error

Same DB error almost daily..This is the same everytime.. "array ( 'type' => 'location_country_state', 'keyword' => 'PL', 'state' => 'śląskie', 'lang' => 'en', )"Database error in Man of Teal | An OpenRCT2...

Increase the size of avatars in cover "Protean" (as Lucid)

1. To copy /modules/boonex/lucid/data/template/bx_persons in /modules/boonex/protean/data/template/and Remove /modules/boonex/lucid/data/template/bx_persons/cover.html----------------------------------------------------------------------...

Splash page

Ok, so i would like to know from what line to what line "if possible" can i remove to eliminate the profile photos of people's face's. My plan with the site is different, below is the whole code for the page... <style>...

Forum's Comments

Yes, I have also cleared cache but no luck.

image_transcoder.php?o=sys_images_editor&h=1981&dpx=1&t=1714046098 I was able to change all button color using below code but I dont want to apply class by class.

.bx-btn.bx-btn-primary,bx-btn {

background-color: #8a00ba;

background-image: linear-gradient(90deg, #8a00ba 0, #bf08ff 50%, #8a00ba 100%);

box-shadow: 0 1px 2px 0 rgba(138, 0, 186, 0.5);

color: #fff;

}

Here is the errors on the "console" tab: (likely the last couple of items are the pertinent ones):

element.style {

transform: none;

}

gzip_loader…2061.css:25

.bx-media-phone .bx-def-page-width {

width: auto;

}

bx_templ_le…s?rev=314:5

.bx-def-page-width {

max-width: 1280px;
width: 100%;

}

gzip_loader…2061.css:25

.bx-def-page-width {

max-width: 1280px;
width: 100%;

}

gzip_loader…2061.css:23

.px-3 {

padding-left: 0.75rem;
padding-right: 0.75rem;

}

gzip_loader…2061.css:23

.box-border {

box-sizing: border-box;

}

gzip_loader…2061.css:23

.mx-auto {

margin-left: auto;
margin-right: auto;

}

gzip_loader…2061.css:23

*, ::backdrop, :after, :before {

--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;

}

gzip_loader…2061.css:23

*, :after, :before {

box-sizing: border-box;
border: 0 solid #e5e7eb;

}

user agent stylesheet

div {

display: block;

}

Inherited from body.bx-artificer.bx-page-home.bx-def-font.bx-def-color-bg-page.bx-def-image-bg-page.bx-user-authorized

gzip_loader…2061.css:23

.bx-def-color-bg-page {

--tw-bg-opacity: 1;
background-color: rgb(243 244 246/var(--tw-bg-opacity));

}

gzip_loader…2061.css:23

.bx-artificer .bx-def-font-inputs:not(.bx-btn), .bx-def-font {

font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
--tw-text-opacity: 1;
color: rgb(107 114 128/var(--tw-text-opacity));

}

gzip_loader…2061.css:23

body {

margin: 0;
line-height: inherit;

}

Inherited from html.bx-media-phone.bx-media-phone2

gzip_loader…2061.css:25

html.bx-media-phone {

font-size: 100%;

}

gzip_loader…2061.css:23

html {

line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-feature-settings: normal;

}

Pseudo ::before element

gzip_loader…2061.css:23

*, ::backdrop, :after, :before {

--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;

}

gzip_loader…2061.css:23

:after, :before {

--tw-content: "";

}

gzip_loader…2061.css:23

*, :after, :before {

box-sizing: border-box;
border: 0 solid #e5e7eb;

}

Pseudo ::after element

gzip_loader…2061.css:23

*, ::backdrop, :after, :before {

--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;

}

gzip_loader…2061.css:23

:after, :before {

--tw-content: "";

}

gzip_loader…2061.css:23

*, :after, :before {

box-sizing: border-box;
border: 0 solid #e5e7eb;

}

Pseudo ::backdrop element

gzip_loader…2061.css:23

*, ::backdrop, :after, :before {

--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;

}

margin

‒

‒border

‒

‒padding

‒

12552×58280.40012

‒‒

‒

Console

What's New

top

Default levels

49 Issues:

4 hidden

gzip_loader.php?file…1046ffb643e59.js:10

JQMIGRATE: Migrate is installed, version 3.4.0

ServiceWorkerManager.js:341

[Service Worker Installation] Installing service worker failed SecurityError: Failed to register a ServiceWorker for scope ('https://tajrebatee.com/') with script ('https://tajrebatee.com/OneSignalSDKWorker.js?appId=6e4c05f0-48eb-4e8f-a6fb-520c16ec7eef&sdkVersion=151601'): The script resource is behind a redirect, which is disallowed.

(anonymous)@ServiceWorkerManager.js:341

all.f9336692.js:8

Allow attribute will take precedence over 'allowfullscreen'.

media@all.f9336692.js:8

platform.js:8

Uncaught TypeError: Cannot read properties of undefined (reading 'length')

at e.fullHash (platform.js:8:29460)

at e.hash (platform.js:8:29609)

at j.url (platform.js:8:17682)

at j.buttons.facebook (platform.js:8:18476)

at platform.js:8:17956

at Array.forEach (<anonymous>)

at e.each (platform.js:8:25747)

at j.buttons (platform.js:8:17815)

at platform.js:8:20461

at HTMLLinkElement.e (platform.js:8:14693)

/onesignalsdkworker.…sdkVersion=151601:1

Failed to load resource: the server responded with a status of 404 (Not Found)

ServiceWorkerManager.js:350

Uncaught (in promise) rt: Registration of a Service Worker failed.

at Vt.<anonymous> (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151601:1:178003)

at Generator.next (<anonymous>)

at r (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151601:1:716)

www-widgetapi.js:1128

Unrecognized feature: 'web-share'.

Lp@www-widgetapi.js:1128

Error with Permissions-Policy header: Unrecognized feature: 'ch-ua-form-factor'.

dotcom-bootstrap.js:1

Uncaught (in promise) DOMException: Blocked a frame with origin "https://www.bbc.com" from accessing a cross-origin frame.

at https://gn-web-assets.api.bbc.com/ngas/dotcom-bootstrap.js:1:53733

at U (https://gn-web-assets.api.bbc.com/ngas/dotcom-bootstrap.js:1:53773)

at Me (https://gn-web-assets.api.bbc.com/ngas/dotcom-bootstrap.js:1:69150)

at https://gn-web-assets.api.bbc.com/ngas/dotcom-bootstrap.js:1:71463

platform.js:7

Uncaught TypeError: Cannot read properties of null (reading 'document')

at c.sandbox.m.__appended (platform.js:7:21431)

at n.init (platform.js:7:26908)

at new n (platform.js:7:26157)

at platform.js:7:27779

at Array.reduce (<anonymous>)

at e.reduce (platform.js:8:26229)

at m.fetch (platform.js:7:27748)

at m.one (platform.js:7:30793)

at A (platform.js:9:557)

at N (platform.js:9:3681)

DevTools failed to load source map: Could not load content for https://tajrebatee.com/quill.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load source map: Could not load content for https://tajrebatee.com/plyr.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Primary Changes the Top and Bottom navigation bars, but it does not change the "android:navigationBarColor" which sits below the bottom navigation bar and it is not defined in the app theme.

Thank you for pointing this out, this color should be changeable is Theme.js as well, please try to change the following:

statusBar: '#fff',

To change top/bottom navigation bar color, please try to change the following color in Theme.js file:

primary: '#fff',

Hey Will Monte yes, it will have it's own page so, to set it up from scratch, you would do this.

1. Go into Studio > Pages click Add New Page

2. Click the Settings button and choose the layout you want - 1 column, 2 column, etc.

3. Click Add Block and scroll to messenger and add the messenger block where you want it.

4. Click View Page and get the URL to this new page cause you will need it later. (i.e. page/NewPageName)

5. There is a trick to making the chat box bigger since I could never get it to work using custom CSS. You will need to click Add Block again. This time choose RAW block and add it to your page. Click the Raw block to edit it and make just these changes:

-- Block Layout = Content

--Inside the content box, add this code:

<style>

.bx-messenger-table-wrapper .bx-messenger-table-wrapper-rows {

background-color: #fff;

}

.bx-messenger-table-wrapper div.bx-messenger-table-wrapper-rows:first-child .cell

{

height:600px;

}

</style>

NOTE: You can change the height:600px; to whatever you desire but 600 is pretty good. Don't worry. this box will not display on the page 😁

Now that you have your Page built, you need to add it to your Site Navigation so members can get to it. Go into Studio > Navigation > Site Navigation

Click Add New Item. Give the new menu a System and Title name (what you want the menu item to be named). In the URL portion, paste the URL you got from View Page earlier. You should only need page/NewPageName here. Give it a icon and BAM. There you have it.

Chris colors are not adjustable, I did like this but it is difficult to find colors that go well on both dark and light theme. So you would need to inject different colors for each theme.

/* Color reactions */
.col-red3 {
color: #fff;
}
.col-red1 {
color: #ff006b;
}

image_transcoder.php?o=bx_froala_image&h=1487&dpx=1&t=1561638636

Empty

Followers

Empty

Post to FFF