Font size and align of rotate word

  • Posted in : Photographer
  • danielchoi
    Participant

    1) I want to make the font size of rotate word small.
    2) In addition, I want to remove bold option.
    3) And I want to rotate word as center.

    Which code should be modified?

    serkan
    Moderator

    Hi danielchoi,
    Could you provide me your related url please, thanks.

    danielchoi
    Participant

    Here is my site.
    http://imagochrististudio.com/

    I want to make small rotate word without bold option.

    serkan
    Moderator

    Hi danielchoi,,

    You can use this custom css code;

    .rotate-words span { font-weight: 400; }
    @media screen and (min-width: 992px) { .rotate-words { font-size: 0.6em; } }

    Thanks

    danielchoi
    Participant

    Thanks,
    I have tried with ‘Simple Custom CSS’ but it is not working.

    serkan
    Moderator

    I can not see the codes in your website.. Could you be sure that you paste them in the right box?
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/

    danielchoi
    Participant

    It is working!!! Thanks for your fast response.
    In mobile screen(IPhone 6+ and galexy note 5), font-size is still big, which code should be more added??

    serkan
    Moderator

    The font size is 0.6em so you can decrease it like 0.5em or 0.4em
    You can not set for the specific devices.
    Thanks

    danielchoi
    Participant

    Always thanks for your quick response.
    I have two more questions.
    1) I want to align the rotate word as center.
    2) I want to make title of page small. (When I come to pages, big typo title will be display, I want to make small this part.
    Best…

    serkan
    Moderator

    Hi danielchoi,
    1) You can use this custom css codes;

    @media screen and (min-width: 1400px) { rotate-words { min-width: 446px; } }
    @media screen and (min-width: 992px) { .rotate-words { min-width: 330px; } }
    @media screen and (min-width: 768px) {  .rotate-words { min-width: 466px; } }
    .rotate-words { min-width: 276px; }

    2) You can use this custom css code;

    .page > .entry-header > h1 { font-size: 1.9em; }
    danielchoi
    Participant

    I have asked question two month ago.

    Like below,
    2) I want to make title of page small. (When I come to pages, big typo title will be display, I want to make small this part.
    Best…

    Is there css codes for doing the same thing to portfolio page’s title.

    And
    When I use smart phone(samsung galexy note 5), rotate text is too big.
    Please give me help for customizing the css code.

    My website is http://imagochrististudio.com

    Best regards
    Jin Hyouk

    serkan
    Moderator

    Hi Jin,
    You had your answer and the custom css code is working well for the title of the pages. Could you take a screenshot please?
    Just checked your site again and it seems to work, just hard reload the page.
    Click on Chrome > Clear Browsing Data
    Check the following:
    Empty the cache
    Delete cookies and other site data
    Select the beginning of time in the drop down box and click on the Clear Browsing Data button.

    You can try to use this custom css code for rotate words.

    .intro > h2 { font-size: 1em; }
    .home-wrap .intro {  padding-top: 12%; }
    @media screen and (min-width: 1400px) { .rotate-words { min-width: 380px; } }
    danielchoi
    Participant

    Hello,

    If I open our website through smartphone (galaxy note 5), some font is disappeared.
    Would you help me? I also attached the screenshot in the email.

    Best,
    David.

    serkan
    Moderator

    Hi David,
    I didn’t get your email yet. Could you send me your image url here?

    serkan
    Moderator

    Hi David,
    I didn’t get your email yet. Could you send me your image url here?

    danielchoi
    Participant

    Dear Serkan

    I send email below address.
    Please check the email and let me know.
    notification@pixelwars.org

    David

    serkan
    Moderator

    Hi David,
    Please send your email via our contact form.
    http://www.pixelwars.org/contact/
    Thanks

    danielchoi
    Participant

    Dear Serkan
    I am using the Photographer theme.
    Is there no plan for updating menu?

    I also purchased the Blogger theme. New theme have real good menu style.
    For example, when I open website on the mobile (small screen), sub-menu has been hidden with button. If I click that button (plus button), sub-menu is appear. That function is awesome.

    If this task is not hard for you, could you apply to the Photographer theme also?

    Best regards,
    Jin Hyouk.

    serkan
    Moderator

    Hi Jin,
    The Blogger and Photographer have different code layout. We are improving our themes regularly. If any customer reports us a bug, we are fixing it immediately. Showing/hiding the submenu items are not a bug. It is just a style. We are not planning to change the style for now but I will report this to our developers and will keep that in our minds.
    Thanks for the feedback.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register