Full Width Blocks

  • Posted in : Empathy
  • julien731
    Participant
    2 July 2016 at 14:42
    #35156

    Hi,

    I’m trying to achieve one thing and I’m not sure:

    1. If it is doable with this theme
    2. How exactly to proceed

    My site has quite a lot of code samples. It is a pretty big part of the content. By default, the code blocks in Empathy are not very well highlighted. I understand that this theme is more text oriented so it makes sense.

    What I’d like to do is to display the `pre blocks full width in my article pages. Something that would look similar to this: http://i.imgur.com/IVTaCf7.jpg

    If you could let me know how to achieve this that would be awesome. I realize that this might exceed the scope of your support though, in which case if you could simply point me in the right direction I’d appreciate it.

    Cheers,
    Julien

    serkan
    Moderator
    5 July 2016 at 07:53
    #38522

    Hi Julien,
    Could you provide me your related url, please?
    I will check what can I do for you.
    Thanks

    julien731
    Participant
    5 July 2016 at 08:47
    #38538

    The site is currently under development and is not available online yet. I could share my dev version with you but it’s just the same template (blog-single.html) and CSS as the original theme.

    serkan
    Moderator
    5 July 2016 at 19:04
    #38627

    Hi Julien,
    You can try to use this custom css code;

    @media screen and (min-width: 1200px) { 
code,  pre { width: 180%; margin-left: -40%; }
}

    Thanks

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

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

License required for the following item
Empathy - A vCard & Resume HTML Template
Login and Registration Log in · Register