Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #114702
    Sumiko Miida
    Participant

    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

    #114716
    Pratik
    Participant

    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

    #114852
    Sumiko Miida
    Participant

    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

    #114856
    Pratik
    Participant

    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

    #114950
    Sumiko Miida
    Participant

    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

    #114993
    Pratik
    Participant

    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

    #114994
    Pratik
    Participant

    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

    #115005
    Sumiko Miida
    Participant

    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

    #115006
    Sumiko Miida
    Participant

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

    Regards,
    Sumiko

    #115007
    Pratik
    Participant

    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

    #115009
    Sumiko Miida
    Participant

    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

    #115011
    Sumiko Miida
    Participant

    Hi Pratik-san,

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

    Thank you again,
    Sumiko

    #115012
    Pratik
    Participant

    Hi @sumiko,

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

    Regards,
    Pratik

    #115013
    Sumiko Miida
    Participant

    Hi Pratik-san,

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

    Sumiko

    #115014
    Pratik
    Participant

    Hi @sumiko,

    You are welcome 🙂

    Regards,
    Pratik

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘widget inner margin & font size setting’ is closed to new replies.