Bulletpoints + Before/After + Tablet Font Sizes + Expanded Panel + Video Module

[studio_ophoven]

Hi,

We have just released the website and got some questions -> https://studio-ophoven.de/

1. Desktop version -> Homepage: Do you know how to center the bulletpoints? For some reason the bulletpoints are not centered when using bigger size of the Roboto font -> https://studio-ophoven.de/

2. Before/After slider: How can I change from 1:1 (default) to ratio 5:7? -> see at the bottom of the case: https://studio-ophoven.de/cases/style-development-for-olga/

3. Tablet font sizes -> horizontal: Even though I have very accurately set up the font (Roboto) and its sizes for desktop, tablet and mobile, my ipad Air 3 neither shows the default font sizes nor reacts to any manual changes within the text modules … it seems like the horizontal rotation is connected to the desktop version, resulting in disproportionate tablet font sizes.

4. Mobile version -> Expanded Panel: Regularly, the social media icons at the bottom are cut off, so the Expanded Panel doesn’t fit into the screen. Sometimes it does, sometimes it does not. -> Crome browser, tested with various iPhone models

5. Video module: Is there a module to upload videos manually?

Thanks a lot!

Cheers, Oli

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

1. It is possible to adjust the bullet possition by custom CSS(“Appearance > Customize: Additional CSS”), like:

.text_block li::marker{color:transparent}
.text_block li{ position:relative;}
.text_block li::before{
	content:'';
	position:absolute;
	top:38px;
	left:-20px;
	display:inline-block;
	width: 8px;
	height: 8px;
	border-radius:50%;
	background-color:currentcolor;
}
@media (max-width: 767.98px){/*for mobile*/
	.text_block li::before {
		width:4px;
		height:4px;
		top:15px;
	}
}

ps: you can adjust the top value.

2. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.before-after-img-in { 
    padding-top: 140%!important;
}

3.

@media (min-width: 768px) and (max-width: 1150px) {
    .entry p, .text_block h1 span, .text_block h2 span, .text_block h3 span, .text_block h4 span, .text_block h5 span, .text_block h6 span, .text_block p, .text_block span {
    font-size: var(--font-size-m, inherit)!important;}
    [data-tsize="4px"] { --font-size-m: 4px; }
	[data-tsize="6px"] { --font-size-m: 6px; }
	[data-tsize="8px"] { --font-size-m: 8px; }
	[data-tsize="9px"] { --font-size-m: 9px; }
	[data-tsize="10px"] { --font-size-m: 10px; }
	[data-tsize="11px"] { --font-size-m: 11px; }
	[data-tsize="12px"] { --font-size-m: 12px; }
	[data-tsize="13px"] { --font-size-m: 13px; }
	[data-tsize="14px"] { --font-size-m: 14px; }
	[data-tsize="15px"] { --font-size-m: 15px; }
	[data-tsize="16px"] { --font-size-m: 16px; }
	[data-tsize="17px"] { --font-size-m: 17px; }
	[data-tsize="18px"] { --font-size-m: 18px; }
	[data-tsize="20px"] { --font-size-m: 20px; }
	[data-tsize="22px"] { --font-size-m: 22px; }
	[data-tsize="24px"] { --font-size-m: 24px; }
	[data-tsize="26px"] { --font-size-m: 26px; }
	[data-tsize="28px"] { --font-size-m: 28px; }
	[data-tsize="30px"] { --font-size-m: 30px; }
	[data-tsize="32px"] { --font-size-m: 32px; }
	[data-tsize="34px"] { --font-size-m: 34px; }
	[data-tsize="36px"] { --font-size-m: 36px; }
	[data-tsize="38px"] { --font-size-m: 38px; }
	[data-tsize="40px"] { --font-size-m: 40px; }
	[data-tsize="42px"] { --font-size-m: 42px; }
	[data-tsize="44px"] { --font-size-m: 44px; }
	[data-tsize="46px"] { --font-size-m: 46px; }
	[data-tsize="48px"] { --font-size-m: 48px; }
	[data-tsize="50px"] { --font-size-m: 50px; }
	[data-tsize="52px"] { --font-size-m: 52px; }
	[data-tsize="54px"] { --font-size-m: 54px; }
	[data-tsize="56px"] { --font-size-m: 56px; }
	[data-tsize="58px"] { --font-size-m: 58px; }
	[data-tsize="60px"] { --font-size-m: 60px; }
	[data-tsize="72px"] { --font-size-m: 72px; }
	[data-tsize="84px"] { --font-size-m: 84px; }
	[data-tsize="96px"] { --font-size-m: 96px; }
}

4. Do you mean that the icons are covered by the address bar? https://www.dropbox.com/s/5nhgmngm4a61wyz/WX20230219-221046.png?dl=0
If it is not, can you paste a screenshot?

5. Yes, you can use the Embed module.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Hi, oh great! Thank you

4. Yes, and I have to scroll down to reach them. But for some reason sometimes the Expanded Panel fits completely (incl. Icons) into the browser screen. I can’t find out why …

[studio_ophoven]

https://1drv.ms/u/s!Au548nnyfFn1hexai2Mi_9Peetdf4Q

https://1drv.ms/u/s!Au548nnyfFn1hexbtWZlkSvyRzkhvw

[studio_ophoven]

Hi, some snippets work perfectly, some need to be modified, please:

1. the bulletpoints seem to be not centered accurately. I think they need to be a tiny bit more up.

3. well, it got a bit messy 🙂 there are some issues escpecially on the Homepage, Expanded Panel and Legal Notice; font sizes and line spacing.

https://1drv.ms/u/s!Au548nnyfFn1hexcEF8ywqUH1yeT-g

https://1drv.ms/u/s!Au548nnyfFn1hexee_6vgZUl4aWkAw

https://1drv.ms/u/s!Au548nnyfFn1hexfxaPzcmave_3UVw

https://1drv.ms/u/s!Au548nnyfFn1hexdLSmUzRW5-LQeDg

https://1drv.ms/u/s!Au548nnyfFn1hexgbfdmXh2HXKZOLw

https://1drv.ms/u/s!Au548nnyfFn1hexh_pM6S2dip6TyTA

[SeaTheme]

Hi,

1. please adjust the top value on the above CSS
screenshot: https://www.dropbox.com/s/hpb430d6npxz4sd/WX20230220-093837.png?dl=0

3.

https://onedrive.live.com/?authkey=%21ABBfMsKlB9cnk%5Fo&id=F5597CF279F278EE%2195836&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp

For the line-height issue. If you want to add new line, please don’t use the enter key directly but use shift and enter key. You should clear all font styles first. Then give styles such as line height and font size.

https://onedrive.live.com/?authkey=%21AC0plM0Vufi0Hg4&id=F5597CF279F278EE%2195837&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp

Please try to use the unit vw instead of px for the menu items font size, like 8vw

https://onedrive.live.com/?authkey=%21AMWj83Jmr3v91Fc&id=F5597CF279F278EE%2195839&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp
https://onedrive.live.com/?authkey=%21AHv%2Dr4GVJeGlpAM&id=F5597CF279F278EE%2195838&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp
https://onedrive.live.com/?authkey=%21AG33Zl4dh1ymTi8&id=F5597CF279F278EE%2195840&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp
https://onedrive.live.com/?authkey=%21AP6TOktnYqek8kw&id=F5597CF279F278EE%2195841&cid=F5597CF279F278EE&parId=root&parQt=sharedby&o=OneUp

What is the question on the above screenshots? Please give me more tips.
Are the screenshots on ipad?

4. Please add the custom CSS:

@media (max-width: 767.98px) {
  .iOS .menu-panel-inn { min-height: -webkit-fill-available; min-height: -moz-fill-available; min-height: fill-available;}
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Hi,

1. that works! Thank you. But now I have different bulletpoint sizes throughout mobile and desktop version -> “Homepage” and “Services” -> see screenshots

3.
– hmm weird, I did only use shift and the enter key after “Hello, I’m Irina,”. As you can see in the mobile version, the further part of the sentence is automatically and therefore different to the desktop version. The formatting of the tablet verison is just weird in comparison to desktop.

– same weird formatting is visible in the lower text part of the homepage and small other parts of the website, see my iPad screenshots above. Just compare the tablet version with the desktop version and you will see huge differences, like messed up font sizes, especially on the homepage.

Thank you 🙂 Regards!

[studio_ophoven]

Bulletpoints

Mobile
https://1drv.ms/u/s!Au548nnyfFn1hex4ndaYcYBXNke67A
https://1drv.ms/u/s!Au548nnyfFn1hex5dqj-iUxUC1jFbg

Desktop
https://1drv.ms/u/s!Au548nnyfFn1hex5dqj-iUxUC1jFbg
https://1drv.ms/u/s!Au548nnyfFn1hex5dqj-iUxUC1jFbg

[SeaTheme]

Hi,

1. You can try to purge cache and test again, like WP super plugin
ps:The screenshots form2-3 are the same.

3. The question you want to ask is that the font size is not implemented on the ipad (horizontal screen)? Please try to update 1150 to 1199 on the above CSS(click to check the place). If it is not, please give me more details(Such as font size, line height etc).
Note: purge the cache when you change or add anything. Or stop the cache plugin.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

This reply has been marked as private.

[studio_ophoven]

2.

Well, basically, I like the horizontal tablet version to look “exactly” like the desktop version 🙂

However, I assume (!) the font sizes I use on the desktop version doesn’t match with the tablets’ presentation, so I chose smaller sizes in “fonts assignment” (see screenshots below). Now the dilemma is that there seems to be no connection between the horizontal tablet version and the fonts assignment. Ok there might be a connection between the vertical tablet version and the fonts assignment, I never looked it up, but this is useless for me, since (most) people are used to use tablets in horizontal rotation.

Of course, I give you the sizes I chose in fonts assignment, but these are only assumptions, I never tested it, so we might need to adjust afterwards … Could you give me advice? Because the current tablet version looks not representative, especially the homepage and the expanded menu panel.

Fonts assignment:
https://1drv.ms/u/s!Au548nnyfFn1he4Jop81IR3eqwjWhA?e=13XlCc
https://1drv.ms/u/s!Au548nnyfFn1he4KThGCAdLNoHbCXw?e=oUWCuA
https://1drv.ms/u/s!Au548nnyfFn1he4LzR3xZqfSi_X8Xg?e=EGzHPy
https://1drv.ms/u/s!Au548nnyfFn1he4M7AbwQpTOCDm-Iw?e=qjdACw
https://1drv.ms/u/s!Au548nnyfFn1he4NbsRbhbI4PoIcaw?e=cvzczY

3. The social media incons are still covered by the address bar. It seems like the website decides randomly if the icons fit in the mobile browser screen or hide behind the address bar? I dont see any context. Unfortunately, the code snippet didn’t change it.

False:
https://1drv.ms/u/s!Au548nnyfFn1he4Og6QR5JBgPjGR6g?e=ozc0gO

Right:
https://1drv.ms/u/s!Au548nnyfFn1he4PyfppL34btKVitw?e=GIGf5Z

Thank you for your help! Regards

[SeaTheme]

Hi,

1. Find the part of codes on the above custom CSS: https://www.dropbox.com/s/r9mab11csuj91pz/WX20230223-130448.png?dl=0

update as:

 
.text_block li::marker,
.accordion-in li::marker { color:transparent }
.text_block li,
.accordion-in li{ position:relative;}
.text_block li > span::before,
.accordion-in li::before {
	content:'';
	position:absolute;
	top:.65em;
	left:-20px;
	display:inline-block;
	width: 8px;
	height: 8px;
	border-radius:50%;
	background-color:currentcolor;
}

2. Add the custom CSS:

@media (min-width: 768px) and (max-width: 1199px) {  
	body {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_content, 16px)!important;
	}
	.responsive-ux legend, 
	.responsive-ux label, 
	.responsive-ux button, 
	.responsive-ux select, 
	.responsive-ux textarea,
	.responsive-ux input, 
	.responsive-ux button, 
	.responsive-ux .ux-btn {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_content, 16px);
	}
	/* Logo on header */
	.responsive-ux #header .logo-text {
		font-size: var(--tsize_ux_cb_module_fonts_plain_text_header_logo, 24px);
	}
	/* Logo footer*/
	.responsive-ux #logo-footer .logo-text {
		font-size: var(--tsize_ux_cb_module_fonts_plain_text_footer_logo, 12px);
	}
	/* page loader text */
	.responsive-ux .loading-text {
		font-size: var(--tsize_ux_cb_module_fonts_loader, 12px);
	}
	/* Tagline */
	.responsive-ux .taglines {
		font-size: var(--tsize_ux_cb_module_fonts_tagline, 14px);
	}
	/*Menu on header */
	.responsive-ux .navi-header a,
	.responsive-ux .header-bar-social .socialmeida-a, 
	.responsive-ux .navi-header li > a {
		font-size: var(--tsize_ux_cb_module_fonts_menu_header, 20px);
	}
	
	.responsive-ux .navi-header .sub-menu a,
	.responsive-ux .sub-panel-menu-ul a { 
	    font-size: var(--tsize_ux_cb_module_fonts_submenu_header, 20px);
	}
	/*Menu on panel*/
	.responsive-ux .navi .menu li > a {
		font-size: var(--tsize_ux_cb_module_fonts_menu_expanded, 20px);
	}
	.responsive-ux .navi .menu .sub-menu li > a {
		font-size: var(--tsize_ux_cb_module_fonts_submenu_expanded, 20px);
	}
	/* Footer */
	.responsive-ux .footer-info {
		font-size: var(--tsize_ux_cb_module_fonts_footer, 1em);
	}
	/* widget title */
	.responsive-ux .widget-title {
		font-size: var(--tsize_ux_cb_module_fonts_widget_title, 1.1em);
	} 
	/* widget content */
	.responsive-ux .widget-container {
		font-size: var(--tsize_ux_cb_module_fonts_widget_content, 1.1em);
	}
	/* Page&Post title*/
	body.single.responsive-ux .title-wrap-tit,
	.responsive-ux .title-wrap-h1 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_title, 24px);
	}
	/* h1 - h6*/
	.responsive-ux h1 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_1, 32px);
	}
	.responsive-ux h2 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_2, 28px);
	}
	.responsive-ux h3 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_3, 24px);
	}
	.responsive-ux h4 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_4, 22px);
	}
	.responsive-ux h5 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_5, 18px);
	}
	.responsive-ux h6 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_heading_6, 14px);
	}
	/* Meta */
	.responsive-ux .article-meta, 
	.responsive-ux .comment-form .logged-in-as,
	.responsive-ux .comment-meta,
	.responsive-ux .archive-meta,.title-wrap-des, 
	.responsive-ux .entry-summary div[itemprop="description"] p {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_meta, .8em);
	} 
	/*Caption of single portfolio*/
	.responsive-ux .list-layout-inside-caption,
	.responsive-ux figcaption {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_caption, .8em);
	}
	/*Comment title*/
	.responsive-ux .comment-reply-title,
	.responsive-ux .comments-title,
	.responsive-ux .woocommerce-Reviews-title,
	.responsive-ux.woocommerce .tab-pane > h2,
	.woocommerce .related > h2 {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_comments_title, 1.1em);
	}
	/*Comment content*/
	.responsive-ux .comment-list li,
	.commentlist li {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_comments_content, 1em);
	} 
	/*Comment author*/
	.responsive-ux li.comment .fn,
	.responsive-ux .woocommerce-review__author {
		font-size: var(--tsize_ux_cb_module_fonts_post_page_comments_author, .9em);
	} 
	/* Button*/
	.responsive-ux button, .responsive-ux input[type="submit"] {
		font-size: var(--tsize_ux_cb_module_fonts_button, 1em);
	}
	/* Form */
	.responsive-ux textarea, 
	.responsive-ux input {
		font-size: var(--tsize_ux_cb_module_fonts_form, 1em);
	}
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[SeaTheme]

3.
find the CSS on the above:

@media (max-width: 767.98px) {
  .iOS .menu-panel-inn { min-height: -webkit-fill-available; min-height: -moz-fill-available; min-height: fill-available;}
}

update to:

@media (max-width: 767.98px) {
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn {  height: var(--get-win-height, 100vh); }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Hi,

oh soooo great! Thank you, much better now! Some small modifications left, though 🙂

1. Mobile version -> It’s perfect when I visit a page and instantly open the menu. However, when I scroll down and up again to make the header visible again, the expanded panel looks like this: https://1drv.ms/u/s!Au548nnyfFn1hfF7dG44yFMOR4Qprw?e=PH0Hwl

2. Tablet version -> The social icons are not visible, only when scrolling down: https://1drv.ms/u/s!Au548nnyfFn1hfF8rrjssD8uHkDfHw?e=5oi4ha

3. Tablet version -> Different font sizes throughout the tablet version:

Benchmark for content size on pages “Services and “Reviews”:
https://1drv.ms/u/s!Au548nnyfFn1hfF-aE-n31csuOr4KA?e=PMhvDT
https://1drv.ms/u/s!Au548nnyfFn1hfIAYWtSiwWTda7npA?e=6bEpp7

3.1. wrong text size on first two text blocks on this case: https://studio-ophoven.de/cases/business-styling-for-oliver/
https://1drv.ms/u/s!Au548nnyfFn1hfIBzn8PG2MQp5hOQQ?e=UDFEiT
https://1drv.ms/u/s!Au548nnyfFn1hfICrwKPVOD_uzhUUQ?e=eH1FWX

3.2 The size of the font within the form needs to be adjusted to the content font size, which is suppose to be 22px -> forms are included on “Homepage” and “Services”.

Wrong size (form): https://1drv.ms/u/s!Au548nnyfFn1hfF9UuqluNv-bLIxMA?e=aTnJff
Wrong size (Text for the Sent Message): https://1drv.ms/u/s!Au548nnyfFn1hfF_PSVCbidKZGE1AA?e=CBVIYl

Thank you!

[SeaTheme]

Hi, welcome!

1/2
find the CSS on the above:

@media (max-width: 767.98px) {
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn {  height: var(--get-win-height, 100vh); }
}

update to:

@media (max-width: 1199px) {
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn, .iOS .wrap-all {  height: var(--get-win-height, 100vh); }
}

3.

3. Tablet version -> Different font sizes throughout the tablet version:

What is your tablet device? What is the screen size of the tablet device?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Hi,

1/2. hmm, doesn’t work on iPhone XR and iPad Air 3, did empty the WordPress and browser cache. Still the same problem occures.

3. iPad Air 3: 10.5″ IPS LED-backlit 2224×1668 (264 ppi) “Retina” display

Thanks! 🙂

[SeaTheme]

Hi,
1/2
find the CSS on the above:

@media (max-width: 1199px) {
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn, .iOS .wrap-all {  height: var(--get-win-height, 100vh); }
}

update as:

@media (max-width: 1199px) {
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn, .iOS .wrap-all { height: var(--get-win-height, 100vh); min-height:var(--get-win-height, 100vh); }
}

3.1

The CSS mentioned above was removed, please add it again:

@media (min-width: 768px) and (max-width: 1199px) {
    .entry p, .text_block h1 span, .text_block h2 span, .text_block h3 span, .text_block h4 span, .text_block h5 span, .text_block h6 span, .text_block p, .text_block span {
    font-size: var(--font-size-m, inherit)!important;}
    [data-tsize="4px"] { --font-size-m: 4px; }
	[data-tsize="6px"] { --font-size-m: 6px; }
	[data-tsize="8px"] { --font-size-m: 8px; }
	[data-tsize="9px"] { --font-size-m: 9px; }
	[data-tsize="10px"] { --font-size-m: 10px; }
	[data-tsize="11px"] { --font-size-m: 11px; }
	[data-tsize="12px"] { --font-size-m: 12px; }
	[data-tsize="13px"] { --font-size-m: 13px; }
	[data-tsize="14px"] { --font-size-m: 14px; }
	[data-tsize="15px"] { --font-size-m: 15px; }
	[data-tsize="16px"] { --font-size-m: 16px; }
	[data-tsize="17px"] { --font-size-m: 17px; }
	[data-tsize="18px"] { --font-size-m: 18px; }
	[data-tsize="20px"] { --font-size-m: 20px; }
	[data-tsize="22px"] { --font-size-m: 22px; }
	[data-tsize="24px"] { --font-size-m: 24px; }
	[data-tsize="26px"] { --font-size-m: 26px; }
	[data-tsize="28px"] { --font-size-m: 28px; }
	[data-tsize="30px"] { --font-size-m: 30px; }
	[data-tsize="32px"] { --font-size-m: 32px; }
	[data-tsize="34px"] { --font-size-m: 34px; }
	[data-tsize="36px"] { --font-size-m: 36px; }
	[data-tsize="38px"] { --font-size-m: 38px; }
	[data-tsize="40px"] { --font-size-m: 40px; }
	[data-tsize="42px"] { --font-size-m: 42px; }
	[data-tsize="44px"] { --font-size-m: 44px; }
	[data-tsize="46px"] { --font-size-m: 46px; }
	[data-tsize="48px"] { --font-size-m: 48px; }
	[data-tsize="50px"] { --font-size-m: 50px; }
	[data-tsize="52px"] { --font-size-m: 52px; }
	[data-tsize="54px"] { --font-size-m: 54px; }
	[data-tsize="56px"] { --font-size-m: 56px; }
	[data-tsize="58px"] { --font-size-m: 58px; }
	[data-tsize="60px"] { --font-size-m: 60px; }
	[data-tsize="72px"] { --font-size-m: 72px; }
	[data-tsize="84px"] { --font-size-m: 84px; }
	[data-tsize="96px"] { --font-size-m: 96px; }
}

3.2

@media (min-width: 768px) and (max-width: 1199px){
.responsive-ux textarea, .responsive-ux input, .responsive-ux textarea::placeholder, .responsive-ux input::placeholder,.contactform .sending, .contactform .success {  font-size: var(--tsize_ux_cb_module_fonts_form, 1em); }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

We are almost there 🙂

1/2. perfect!

3.2. perfect!

3.1.

homepage: 2 more adjustments on the font size, please. See the screenshots. The circled text blocks need to have the same font size as the text block the arrows aim at.
https://1drv.ms/u/s!Au548nnyfFn1hfI_lWkq_P0BLXJipw?e=c5v5iW
https://1drv.ms/u/s!Au548nnyfFn1hfJAJbAb8fu3dNW8uQ?e=tuimAm

Thank you!

[SeaTheme]

Welcome.

3.1.

homepage: 2 more adjustments on the font size, please. See the screenshots. The circled text blocks need to have the same font size as the text block the arrows aim at.
https://1drv.ms/u/s!Au548nnyfFn1hfI_lWkq_P0BLXJipw?e=c5v5iW
https://1drv.ms/u/s!Au548nnyfFn1hfJAJbAb8fu3dNW8uQ?e=tuimAm

What is the page URL of the 2 screenshots?
I did not find the same words on https://studio-ophoven.de/cases/business-styling-for-oliver/

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Homepage 🙂 https://studio-ophoven.de/

[SeaTheme]

Hi, thanks

The text has been set with 48px for tablet, you can try to set it as 22px
https://www.dropbox.com/s/41le2dkt454r5nt/WX20230301-082133.png?dl=0
https://www.dropbox.com/s/gizxj5po2tgxwtf/WX20230301-081956.png?dl=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

How? As I mentioned, the “tablet” content settings don’t work and I would better not go into the css to change it myself 🙂 Also, the button font size isn’t right as well, see screenshots. All red circled parts need to be 22px.

[SeaTheme]

Hi,
It is not a CSS issue. You need to edit it on the Text editor 🙂
https://www.dropbox.com/s/fs12cqpev0h38no/WX20230302-091005.png?dl=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Ok, sorry, it worked 🙂 Then there is only the button left. The size is suppose to be 22px as set up in the Fonts assignment. Is there something I can do or can you fix it, please?

https://1drv.ms/u/s!Au548nnyfFn1hfM0J8KlZV75SJ2uHg?e=QfRcRW

Thank you!

[SeaTheme]

Hi,
Please add custom CSS:

@media (min-width: 768px) and (max-width: 1199px){
.module .btn-mod-wrap .ux-btn .ux-btn-text { font-size: var(--fontsizeBtnT); }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[studio_ophoven]

Great, I think we are all set! Thank you a lot and happy weekend 🙂

[SeaTheme]

Hi, you are welcome! We are happy to help you.

If you like the theme, please rate it on Themeforest. I would greatly appreciate :).

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts