Topic: Bulletpoints + Before/After + Tablet Font Sizes + Expanded Panel + Video Module « SeaTheme

This topic has 26 replies, 2 voices, and was last updated 3 years, 3 months ago by SeaTheme.

Viewing 27 posts - 1 through 27 (of 27 total)

Author

Posts
February 19, 2023 at 1:06 pm #28985

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 19, 2023 at 2:14 pm #28986
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 19, 2023 at 3:27 pm #28987

studio_ophoven
Participant

Purchased
Expired

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 …

WordPress Customization Service from $49 Only! Save your expensive time!

February 19, 2023 at 3:31 pm #28988

studio_ophoven
Participant

Purchased
Expired

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

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 19, 2023 at 5:10 pm #28989

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 20, 2023 at 2:32 am #28992
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 20, 2023 at 10:43 am #28993

studio_ophoven
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

February 20, 2023 at 10:46 am #28994

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 20, 2023 at 2:01 pm #28995

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 22, 2023 at 11:49 pm #29003

studio_ophoven
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

February 22, 2023 at 11:50 pm #29004

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 23, 2023 at 5:27 am #29007
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 23, 2023 at 5:41 am #29008
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 26, 2023 at 11:23 am #29013

studio_ophoven
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

February 27, 2023 at 4:46 am #29017
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 27, 2023 at 9:27 pm #29019

studio_ophoven
Participant

Purchased
Expired

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! 🙂

WordPress Customization Service from $49 Only! Save your expensive time!

February 28, 2023 at 5:31 am #29021
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

February 28, 2023 at 8:43 am #29022

studio_ophoven
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

February 28, 2023 at 2:50 pm #29025

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 28, 2023 at 2:53 pm #29026

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 1, 2023 at 12:22 am #29028

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 1, 2023 at 9:48 am #29029

studio_ophoven
Participant

Purchased
Expired

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.

WordPress Customization Service from $49 Only! Save your expensive time!

March 2, 2023 at 1:14 am #29032

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 2, 2023 at 9:16 am #29033

studio_ophoven
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

March 3, 2023 at 1:31 am #29035
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

March 3, 2023 at 9:41 pm #29038

studio_ophoven
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 4, 2023 at 1:49 pm #29039

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 27 posts - 1 through 27 (of 27 total)

You must be logged in to reply to this topic.