[folkdo]

Hi. I use uCard Theme on my “Thai language” website and found that the font is too small. Could you tell me how to adjust the size of the font in particular section (eg: body text in resume section – [pic: http://www.uppic.org/image-77A1_58200F15.jpg ] ) and I want to enlarge the green rectangle frame to 2x of original size. Please help.

[folkdo]

Hi again,
one more question.

This is screenshot from mobile version:
http://www.uppic.org/image-7EA8_5820426F.jpg
You’ll see the left is my website. The right is demo site.

The problem is it has a blank space gap appear on the left side of the page. I have tried to align the column like your demo site by enter in text editor but ineffective. I do not know where to edit it.

and another:
http://www.uppic.org/image-44B5_582040F2.jpg
You’ll see the text line in the first row that obscured by pictures from the second row.

So. I want to know how to manage blank space layout of mobile phone version to make it like your mobile demo site.

Thank you in advance for your help in this matter.

[serkan]

Hi,
Your image link is not giving any respond. I could not check your related image but you can use this custom css code.

.event p { font-size : 15px; }

For your related issue, please upload images to another website and give me the your related links as well.
The remote host or network may be down.
Thanks

[folkdo]

Image Link #1
https://drive.google.com/file/d/0Bz2eJ3mDa-g3YzdYbVIyXzdkUTQ/view?usp=sharing

Image Link #2
https://drive.google.com/file/d/0Bz2eJ3mDa-g3MUlSU01DMG9fc00/view?usp=sharing

Image Link #3
https://drive.google.com/file/d/0Bz2eJ3mDa-g3OTJ4YkFhbVNOcmM/view?usp=sharing

[serkan]

You can use these custom css codes for increasing the font size for resume page.

.event p, .event h4  { font-size : 15px; }
.event h5 { font-size : 13px; }

We can check your space issue, when the website is online.
The shortcodes should be like this; maybe you forgot the close the row shorcode. Please check your shortcode.

[section_title align="center" text="Services"]
[row]
[column width="6" width_md="6"]
[service]

<img class="alignnone size-full wp-image-228" src="http://themes.pixelwars.org/ucard/wp-content/uploads/2014/04/icon-01.png" alt="icon-01" width="512" height="512" />
<h4>COPYWRITER</h4>
I design super cool websites. It is a long established fact that a reader will be distracted by the readable content.
[/service]
[/column]
[column width="6" width_md="6"]
[service]

<img class="alignnone size-full wp-image-229" src="http://themes.pixelwars.org/ucard/wp-content/uploads/2014/04/icon-02.png" alt="icon-02" width="512" height="512" />
<h4>GAME DEV</h4>
I can design beautiful type faces for both digital and print media. It is a long established fact that a reader will be distracted.
[/service]
[/column]
[column width="6" width_md="6"]
[service]

<img class="alignnone size-full wp-image-230" src="http://themes.pixelwars.org/ucard/wp-content/uploads/2014/04/icon-03.png" alt="icon-03" width="512" height="512" />
<h4>MANAGEMENT</h4>
I write about web design. It is a long established fact that a reader will be distracted by the readable content.
[/service]
[/column]
[column width="6" width_md="6"]
[service]

<img class="alignnone size-full wp-image-231" src="http://themes.pixelwars.org/ucard/wp-content/uploads/2014/04/icon-04.png" alt="icon-04" width="512" height="512" />
<h4>PROBLEM SOLVER</h4>
I have strong project management skills. It is a long established fact that a reader will be distracted by the readable content.
[/service]
[/column]
[/row]

Work proccess should be like this,

[section_title align="center" text="Work Process"]
[row]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-comment"]
<h4>DISCOVER</h4>
[/process]
[/column]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-light"]
<h4>IDEA</h4>
[/process]
[/column]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-scissors"]
<h4>DESIGN</h4>
[/process]
[/column]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-tools"]
<h4>DEVELOP</h4>
[/process]
[/column]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-browser"]
<h4>TEST</h4>
[/process]
[/column]
[column width="2" width_xs="4"]
[process]

[icon name="pe-7s-rocket"]
<h4>LAUNCH</h4>
 

[/process]
[/column]
[/row]

[folkdo]

Thank you! serkan
I’ll check it.

[serkan]

Hi, You can use this custom css code as well,

p:empty { display: none; }
.service p:first-child, .process > p, .fun-fact > p  { margin: 0; }

We will fix this issue with the next update.
Thanks

[folkdo]

WOW! Thanks a bunch! Serkan.
css code is work! for resolve space issue.

Previously, I have check my code in ‘about me’ page. it’s exactly the same to you and it has the “close row” shortcode already. Then, I have tried to re-install my database and just clean install uCard theme with no edit anypost. BUT the blank space issue still appear on mobile.

So I put this code and it’s work

p:empty { display: none; }
.service p:first-child, .process > p, .fun-fact > p { margin: 0; }

Appreciate it.

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.