Full Wide

Home Forums Iconic One Pro Support Full Wide

This topic contains 5 replies, has 2 voices, and was last updated by  Themonic-Support 4 years, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5681

    WidiN
    Participant

    Hi

    I am using the Iconic One theme. I’ve seen some websites using your theme in a full wide mode. This is an example:

    One More Turn Episode 612: “Abort”

    I’ve also checked that it looks good on Smart phones. How can I have a full wide mode like that?

    Thank you,

    Widi

    #5682

    Hi,

    Follow this guide:

    Customization Guide for Iconic One Pro with CSS Codes

    Use item 9 and replace

    max-width: 1140px;

    with

    max-width: 100%;

    and make sure you are on latest version for improved mobile style.

    #5683

    WidiN
    Participant

    Thanks a lot. Perfect. It looks great on mobile phones. The only issue now is, the FEATURED IMAGE looks a bit ackward on the desktop because the content area has become larger, and the FEATURED IMAGE is alligned to the left margin. How can I center the image?

    This is the link to my website: https://englishforsma.com/hophead-kata-lama-dengan-arti-baru/

    #5684

    You could use the following CSS to center featured image:

    
    .entry-content {
        text-align: center;
    }
    #5685

    WidiN
    Participant

    Thanks. It works well for most posts, the featured image is alligned to the center. But the problem is, the sub titles in some posts are also alligned to the center: click this link: https://englishforsma.com/perbedaan-sound-noise-dan-voice/

    Also, some parts of the texts in the content area are also alligned to the center, like this link: https://englishforsma.com/perbedaan-ship-send-dan-deliver/

    Thanks

    #5686

    For the elements that you don’t want centered you have to use like this

    .element {
     text-align:left;
    }

    right click in chrome -> inspect element to find element id.

    Another alternative is to use bigger images and change the post thumbnail size in functions.php

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

You must be logged in to reply to this topic.