Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #811040

    I would like to modify the layout of the BLOG_POSTS element with the left image and header and excerpt on the right.
    Could not do everything from CSS (#top .fullsize .template-blog) where I can edit .php files

    I would like to create a different template in my child-theme that overrides the default one:
    <Div class = "template-blog" itemscope = "itemscope" itemtype = "https://schema.org/Blog"> ...... </ div>

    To correctly place the image to the left and title + excerpt to the right.

    #811126

    Hey Hedo,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #813969

    This is the part I would like to change because only with CSS is not possible.
    null

    • This reply was modified 6 years, 9 months ago by Hedo.
    #814091

    Hi Hedo,

    Are you sure? :)

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
     #top .fullsize .template-blog .blog-meta {
        width: 200px;
        height: auto;
        min-height: 200px;
        margin-right: 20px;
    }
    
    .small-preview {
        height: 200px;
        width: 200px;
     }
     .html_modern-blog #top .post-entry .blog-categories {
       top: 0;
     }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 6 years, 9 months ago by Victoria.
    #814484

    great! thx for support

    #815042

    Hi,

    We’re glad to help! Do you need further help with this, or can we close this thread?

    Cheers!
    Sarah

    #815047

    I find it difficult especially in the smartphone part, is there no way to edit the HTML? How can I override the HTML code with my child_theme?

    #815250

    Hi,

    I’m not sure exactly what you are referring to, but if you need to target mobil devices only, then you can do so by using media queries in CSS:

    @media only screen and (max-width: 767px) {
    CSS in here will only target phones
    }

    Best regards,
    Rikard

    #815856

    But can not I have a way to edit the template HTML files?
    Which functions or tpl contains this HTML code then make an override on my child-theme??

    I can not get a graphic as I would like.

    #815935

    Hello, assuming I can not duplicate the HTML I would like to have some kind of control over

    1) The “post-meta-infos” block can put it under the excerpt and not under the image

    2) on the smartphone the entire .container has a side margin set by an in-line code, maybe it comes from a .js

    <style type="text/css" id="av-browser-width-calc"> #header .three.units{width:161.25px;} #header .six.units{width:322.5px;} #header .nine.units{width:483.75px;} #header .twelve.units{width:645px;} .av-framed-box .av-layout-tab-inner .container{width:1903px;} .html_header_sidebar .av-layout-tab-inner .container{width:1602px;} .boxed .av-layout-tab-inner .container{width:1602px;} .av-framed-box#top .av-submenu-container{width:1903px;}</style>

    • This reply was modified 6 years, 9 months ago by Hedo.
    #815958

    Hi,

    I am sorry, but I cant reproduce this above problem. There isnt any extra space on the left.

    Best regards,
    John Torvik

    #815963

    ??? i try this with another browser (FF) and clear cache and i see the left margin.

    #817138

    Hi Hedo,

    I don’t see that element any more. Did you hide it or is it on another page?

    Best regards,
    Victoria

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.