Title: cuberuler's Replies | WordPress.org

---

# cuberuler

  [  ](https://wordpress.org/support/users/cuberuler/)

 *   [Profile](https://wordpress.org/support/users/cuberuler/)
 *   [Topics Started](https://wordpress.org/support/users/cuberuler/topics/)
 *   [Replies Created](https://wordpress.org/support/users/cuberuler/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/cuberuler/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/cuberuler/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/cuberuler/engagements/)
 *   [Favorites](https://wordpress.org/support/users/cuberuler/favorites/)

 Search replies:

## Forum Replies Created

Viewing 14 replies - 1 through 14 (of 14 total)

 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Trying to figure out why my website width is not 100% on mobile](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/#post-17464824)
 * Yes, I found it!! You guys are awesome, thank you so, so much. I really really
   appreciate the time. I know my elementor design is a little messy with too many
   containers, I am learning 🙂
 * Do you recommend a page builder other than elementor? It’s easy to use…
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Trying to figure out why my website width is not 100% on mobile](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/#post-17464758)
 * Wonderful, thank you so, so much. I am looking for it now; I assume it is only
   set like that on mobile.
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Trying to figure out why my website width is not 100% on mobile](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/trying-to-figure-out-why-my-website-width-is-not-100-on-mobile/#post-17461360)
 * It is only on mobile, and is also a problem for the company that I designed the
   website for. It looks fine when you load it, however, when you try to swipe right
   there is a white bar of space. Something is set to over 100% width or something,
   and I cannot find out what. Just need to find the element stretching the page
   over 100% on mobile (because when you can wiggle it side to side, it looks weird).
   It should only be able to be swiped up and down, right?
 * Thank you again for your investigation, I wish tips were allowed. <3 from another
   learning developer 🙂
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Can not get this iFrame to appear full-width](https://wordpress.org/support/topic/can-not-get-this-iframe-to-appear-full-width/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 3 months ago](https://wordpress.org/support/topic/can-not-get-this-iframe-to-appear-full-width/#post-17385839)
 * This is very strange. Even though I added the CSS as he instructed, it still 
   does not want to go to full width. How strange. I wonder what is restricting 
   it… Everything is on full-width, etc.
 * This is what the code says:
 *     ```wp-block-code
       <center><script type='text/javascript' src='//www.opentable.com.mx/widget/reservation/loader?rid=1175293&type=standard&theme=wide&color=1&dark=false&iframe=false&domain=commx&lang=en-US&newtab=true&ot_source=Restaurant%20website'></script></center>
       ```
   
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Can not get this iFrame to appear full-width](https://wordpress.org/support/topic/can-not-get-this-iframe-to-appear-full-width/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 3 months ago](https://wordpress.org/support/topic/can-not-get-this-iframe-to-appear-full-width/#post-17385824)
 * Hi, thank you so much for your response. I did add the code that you mentioned
   to the ‘additional CSS’ page for the main body of the website. This is what it
   looks like:
 * .ot-dtp-picker.wide {
   width: 100%;max-width: 1164px;}
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 782px){
   #
   wpzf-7143 {margin-top: 10px;}}margin-bottom: 50px;border-bottom: none;### Of 
   course, the bottom part is from some other edits I made. I wonder why the code
   is not being effective? It’s rather funny, I have done everything I can do to
   make it wide.
 * Thank you so much and if it’s not resolvable, it’s not, but it sure would look
   better if it wasn’t always doubled over on itself even on large screens.
 * Thank you again, y’all are heroes!
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [How to make a responsive search header with blocks??](https://wordpress.org/support/topic/how-to-make-a-responsive-search-header-with-blocks/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/how-to-make-a-responsive-search-header-with-blocks/#post-17164876)
 * Yes, the block seems to be stuck inside a container, so 100% means it’s smaller
   than I like my Internet bandiwdth. It seems to be stuck in a container but I 
   am going through the navigator on the left hand side and can not seem to find
   what is containing it, so that 100 PERCENT is 100 percent width.
 * The only option to extend it beyond the invisible container is with pixels which
   therefore responds poorly on mobile.
 * Thank you very much for the help, I will be working on it…
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [How to locate why my website wants to use third-party cookies?](https://wordpress.org/support/topic/how-to-locate-why-my-website-wants-to-use-third-party-cookies/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/how-to-locate-why-my-website-wants-to-use-third-party-cookies/#post-17124286)
 * Ok, thank you very much for the reply. Issue resolved, I really appreciate it.
   Have a great weekend!
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Why are the margin updates in my header not updating on my site, but editor yes?](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/#post-17123155)
 * Thanks, I found them. The reason it was not updating was because of a stupid 
   cache plugin I had installed. Again, I really appreciate your time!
 * Resolved.
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Why are the margin updates in my header not updating on my site, but editor yes?](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/#post-17122839)
 * I think the problem may be here, but I am not sure how to adjust it.
 *     ```wp-block-code
       <div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40);"
       ```
   
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Why are the margin updates in my header not updating on my site, but editor yes?](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/why-are-the-margin-updates-in-my-header-not-updating-on-my-site-but-editor-yes/#post-17122783)
 * This is the custom CSS I am using, I don’t believe that it is affecting it though.
   Man, I am absolutely at my wit’s end about this…
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 782px){
   #
   wpzf-7143 {margin-top: -75px;}}margin-bottom: 150px;border-bottom: none;
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [How to specify form length with css?](https://wordpress.org/support/topic/how-to-specify-form-length-with-css/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/how-to-specify-form-length-with-css/#post-17100130)
 * Wow, that resolved it. All I did was paste the CSS you found in the custom CSS
   box of the plugin, with the width 100%, and it fixed it. Thank you so much, and
   now I know how to find the right CSS more accurately 🙂
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [How to install custom font on my website?](https://wordpress.org/support/topic/how-to-install-custom-font-on-my-website/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/how-to-install-custom-font-on-my-website/#post-17092020)
 * Here is a copy of my stylesheet (which shows the font I added, but they are not
   optoins?)
 *     ```wp-block-code
       {
       	"settings": {
       		"appearanceTools": true,
       		"color": {
       			"custom": true,
       			"customGradient": true
       		},
       		"layout": {
       			"contentSize": "960px",
       			"wideSize": "1140px"
       		},
       		"spacing": {
       			"units": [
       				"%",
       				"px",
       				"em",
       				"rem",
       				"vh",
       				"vw"
       			]
       		},
       		"typography": {
       			"customFontSize": true,
       			"dropCap": false,
       			"fluid": true,
       			"fontFamilies": [
       				{
       					"fontFace": [
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "normal",
       							"fontWeight": "300",
       							"src": [
       								"file:./assets/fonts/merriweather_normal_300.ttf"
       							]
       						},
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "italic",
       							"fontWeight": "300",
       							"src": [
       								"file:./assets/fonts/merriweather_italic_300.ttf"
       							]
       						},
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "normal",
       							"fontWeight": "400",
       							"src": [
       								"file:./assets/fonts/merriweather_normal_400.ttf"
       							]
       						},
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "italic",
       							"fontWeight": "400",
       							"src": [
       								"file:./assets/fonts/merriweather_italic_400.ttf"
       							]
       						},
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "normal",
       							"fontWeight": "700",
       							"src": [
       								"file:./assets/fonts/merriweather_normal_700.ttf"
       							]
       						},
       						{
       							"fontFamily": "Merriweather",
       							"fontStyle": "italic",
       							"fontWeight": "700",
       							"src": [
       								"file:./assets/fonts/merriweather_italic_700.ttf"
       							]
       						}
       					],
       					"fontFamily": "Merriweather",
       					"slug": "merriweather"
       				},
       				{
       					"fontFace": [
       						{
       							"fontFamily": "Montserrat",
       							"fontStyle": "normal",
       							"fontWeight": "400",
       							"src": [
       								"file:./assets/fonts/montserrat_normal_400.ttf"
       							]
       						},
       						{
       							"fontFamily": "Montserrat",
       							"fontStyle": "normal",
       							"fontWeight": "500",
       							"src": [
       								"file:./assets/fonts/montserrat_normal_500.ttf"
       							]
       						},
       						{
       							"fontFamily": "Montserrat",
       							"fontStyle": "normal",
       							"fontWeight": "600",
       							"src": [
       								"file:./assets/fonts/montserrat_normal_600.ttf"
       							]
       						},
       						{
       							"fontFamily": "Montserrat",
       							"fontStyle": "normal",
       							"fontWeight": "700",
       							"src": [
       								"file:./assets/fonts/montserrat_normal_700.ttf"
       							]
       						}
       					],
       					"fontFamily": "Montserrat",
       					"slug": "montserrat"
       				},
       				{
       					"fontFamily": "Cyber Hashtags",
       					"slug": "cyber-hashtags",
       					"fontFace": [
       						{
       							"fontFamily": "Cyber Hashtags",
       							"fontStretch": "",
       							"fontStyle": "normal",
       							"fontWeight": "400",
       							"src": [
       								"https://oystera.fairplaywinelodge.com/wp-content/uploads/2023/10/CyberHashtags.ttf"
       							]
       						}
       					],
       					"isBcf": true
       				},
       				{
       					"fontFamily": "Main Font",
       					"slug": "main-font",
       					"fontFace": [
       						{
       							"fontFamily": "Main Font",
       							"fontStretch": "",
       							"fontStyle": "normal",
       							"fontWeight": "400",
       							"src": [
       								"https://oystera.fairplaywinelodge.com/wp-content/uploads/2023/10/Dolce.ttf"
       							]
       						}
       					],
       					"isBcf": true
       				}
       			],
       			"fontSizes": [
       				{
       					"fluid": {
       						"max": "16px",
       						"min": "13px"
       					},
       					"name": "xSmall",
       					"size": "16px",
       					"slug": "x-small"
       				},
       				{
       					"fluid": {
       						"max": "18px",
       						"min": "14px"
       					},
       					"name": "Small",
       					"size": "18px",
       					"slug": "small"
       				},
       				{
       					"fluid": {
       						"max": "20px",
       						"min": "16px"
       					},
       					"name": "Medium",
       					"size": "20px",
       					"slug": "medium"
       				},
       				{
       					"fluid": {
       						"max": "24px",
       						"min": "20px"
       					},
       					"name": "Large",
       					"size": "24px",
       					"slug": "large"
       				},
       				{
       					"fluid": {
       						"max": "30px",
       						"min": "24px"
       					},
       					"name": "xLarge",
       					"size": "30px",
       					"slug": "x-large"
       				},
       				{
       					"fluid": {
       						"max": "36px",
       						"min": "30px"
       					},
       					"name": "36px",
       					"size": "36px",
       					"slug": "max-36"
       				},
       				{
       					"fluid": {
       						"max": "48px",
       						"min": "36px"
       					},
       					"name": "48px",
       					"size": "48px",
       					"slug": "max-48"
       				},
       				{
       					"fluid": {
       						"max": "60px",
       						"min": "42px"
       					},
       					"name": "60px",
       					"size": "60px",
       					"slug": "max-60"
       				},
       				{
       					"fluid": {
       						"max": "72px",
       						"min": "48px"
       					},
       					"name": "72px",
       					"size": "72px",
       					"slug": "max-72"
       				},
       				{
       					"fluid": {
       						"max": "82px",
       						"min": "52px"
       					},
       					"name": "82px",
       					"size": "82px",
       					"slug": "max-82"
       				}
       			]
       		}
       	},
       	"styles": {
       		"blocks": {
       			"core/button": {
       				"border": {
       					"radius": "0px"
       				}
       			},
       			"core/heading": {
       				"color": {
       					"text": "#2a2a2a"
       				},
       				"elements": {
       					"heading": {
       						"color": {
       							"text": "#2a2a2a"
       						}
       					},
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#2a2a2a"
       						}
       					}
       				}
       			},
       			"core/list": {
       				"color": {
       					"text": "#333333"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#008aff"
       						},
       						"typography": {
       							"textDecoration": "underline"
       						}
       					}
       				},
       				"spacing": {
       					"padding": {
       						"left": "20px"
       					}
       				}
       			},
       			"core/paragraph": {
       				"color": {
       					"text": "#333333"
       				},
       				"elements": {
       					"link": {
       						"color": {
       							"text": "#008aff"
       						}
       					}
       				}
       			},
       			"core/post-author": {
       				"color": {
       					"text": "#333333"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#333333"
       						},
       						"typography": {
       							"textDecoration": "none"
       						}
       					}
       				}
       			},
       			"core/post-date": {
       				"color": {
       					"text": "#333333"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#333333"
       						},
       						"typography": {
       							"textDecoration": "none"
       						}
       					}
       				}
       			},
       			"core/post-navigation-link": {
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#333333"
       						},
       						"typography": {
       							"textDecoration": "none"
       						}
       					}
       				}
       			},
       			"core/post-terms": {
       				"color": {
       					"text": "#333333"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#333333"
       						},
       						"typography": {
       							"textDecoration": "none"
       						}
       					}
       				}
       			},
       			"core/post-title": {
       				"color": {
       					"text": "#111111"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							},
       							"typography": {
       								"textDecoration": "underline"
       							}
       						},
       						"color": {
       							"text": "#111111"
       						},
       						"typography": {
       							"textDecoration": "none"
       						}
       					}
       				}
       			},
       			"core/query-pagination": {
       				"color": {
       					"text": "#008aff"
       				},
       				"elements": {
       					"link": {
       						":hover": {
       							"color": {
       								"text": "#008aff"
       							}
       						},
       						"color": {
       							"text": "#606060"
       						}
       					}
       				}
       			},
       			"core/site-title": {
       				"typography": {
       					"fontFamily": "var:preset|font-family|montserrat",
       					"fontSize": "var:preset|font-size|max-82",
       					"fontStyle": "normal",
       					"fontWeight": "600",
       					"lineHeight": 1.2,
       					"textTransform": "uppercase"
       				}
       			}
       		},
       		"elements": {
       			"heading": {
       				"typography": {
       					"fontFamily": "var:preset|font-family|montserrat",
       					"fontStyle": "normal",
       					"fontWeight": "700",
       					"lineHeight": "1.4"
       				}
       			}
       		},
       		"typography": {
       			"fontFamily": "var:preset|font-family|merriweather",
       			"fontSize": "var:preset|font-size|medium",
       			"fontWeight": "300",
       			"lineHeight": "1.75"
       		}
       	},
       	"templateParts": [
       		{
       			"area": "header",
       			"name": "header",
       			"title": "Header"
       		},
       		{
       			"area": "footer",
       			"name": "footer",
       			"title": "Footer"
       		}
       	],
       	"version": 2,
       	"$schema": "https://schemas.wp.org/wp/6.2/theme.json"
       }
       ```
   
 *   Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
   
   In reply to: [Seriously, how do you find the CSS to get rid of this divider line on this theme](https://wordpress.org/support/topic/seriously-how-do-you-find-the-css-to-get-rid-of-this-divider-line-on-this-theme/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/seriously-how-do-you-find-the-css-to-get-rid-of-this-divider-line-on-this-theme/#post-17085234)
 * Sorry brand new here, no problem, my mistake!
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Hestia] Heista Hooks not disappearing after deleting code](https://wordpress.org/support/topic/heista-hooks-not-disappearing-after-deleting-code/)
 *  Thread Starter [cuberuler](https://wordpress.org/support/users/cuberuler/)
 * (@cuberuler)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/heista-hooks-not-disappearing-after-deleting-code/#post-16253212)
 * Apparently Namecheap has some CDN caching that was causing this problem. Very
   annoying to wait an hour to see updates on some things, and there is NOTHING 
   you can do, but not the theme’s fault. Perhaps I can disable this in the settings.
   Thank you!

Viewing 14 replies - 1 through 14 (of 14 total)