[Sumiko Miida]

Hi Catch Themes team,

I am trying to create similar design site with https://dvcon.org/. My page url is http://dvcon-japan.com/2017/.
Now I have trouble with right-side widget “開催概要”. It should be same style with side widget “Expo Hours” on https://dvcon.org/, but I cannot remove margin around title “開催概要”.
And I would also like to modify its font size like main contents on left-side.

Could you give me your advice?

Thank you,
Sumiko

[Pratik]

Hi @sumiko,

For first issue, try following code:

#text-2 {
    padding: 0;
}

#text-2 .su-row {
    text-align: center;
}

For second issue, to increase the font size of left content, try following code:

#content {
   font-size: 18px;
}

You can increase./decrease font-size 18px as desired.

Regards,
Pratik

[Sumiko Miida]

Hi Pratik-san,

Thank you for your feedback. I tried to add those code by appearance -> customize -> additional css, but it doesn’t work.
In case to add them to text widget, nothing was changed…
Should I change something other file…?

Regards,
Si,olp

[Pratik]

Hi @sumiko,

I tried above codes on yur site and its working. Can you add the codes and leave it there in Appearance-> Customzie-> Additional CSS. Then I will check your site again.

Regards,
Pratik

[Sumiko Miida]

Hi Pratik-san,

Thank you for your suggestion. I added those codes to Additional CSS, but it doesn’t work…
Could you please check my site?

I really appreciate your help.

Thank you,
Sumiko

[Pratik]

Hi @sumiko,

There is some error in your CSS at top. Try adding the code I provided at the top of the Additional CSS box, it will work. I will try to figure out what exactly is the issue.

Regards,
Pratik

[Pratik]

Hi @sumiko,

I found the issue, you have error in your custom CSS. Remove all your code and try following code: https://pastebin.com/be01ghZc.

Regards,
Pratik

[Sumiko Miida]

Hi Pratik-san,

Thank you for the codes! The widget layout looks fine!! However as font size, the widget font stays small and main content font became bigger instead…

Regards,
Sumiko

[Sumiko Miida]

And 1 more thing…
When screen size changed to small, site-description shows duplicated…

Regards,
Sumiko

[Pratik]

Hi @sumino,

Sorry, I misunderstood. Please check the code again, I have modified it. It will now work as you want for both cases.

Regards,
Pratik

[Sumiko Miida]

Thank you for your prompt feedback, Pratik-san! It almost perfect but could you let me know change the font-size of widget-heading “開催概要” same with main contents heading “参加スポンサー一覧” and “Accellera Global Sponsors”?

I really appreciate your help..

Thank you,
Sumiko

[Sumiko Miida]

Hi Pratik-san,

I decide to change font-size of main contents heading instead.
I really appreciate your great help!

Thank you again,
Sumiko

[Pratik]

Hi @sumiko,

Glad it worked out. Let me know how it goes.

Regards,
Pratik

[Sumiko Miida]

Hi Pratik-san,

Yes, now the site looks perfect! Thank you for your help!!

Sumiko

[Pratik]

Hi @sumiko,

You are welcome 🙂

Regards,
Pratik

[Author]

Posts