Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 21, 2017 at 4:54 pm #811040
    Hedo

    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.

    June 21, 2017 at 7:45 pm #811126
    Victoria

    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

    June 28, 2017 at 5:07 pm #813969
    Hedo

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

    • This reply was modified 7 years, 5 months ago by Hedo.
    June 28, 2017 at 8:18 pm #814091
    Victoria

    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 7 years, 5 months ago by Victoria.
    June 29, 2017 at 2:06 pm #814484
    Hedo

    great! thx for support

    June 30, 2017 at 4:46 pm #815042
    Sarah

    Hi,

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

    Cheers!
    Sarah

    June 30, 2017 at 4:55 pm #815047
    Hedo

    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?

    July 1, 2017 at 6:38 am #815250
    Rikard

    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

    July 3, 2017 at 12:57 pm #815856
    Hedo

    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.

    July 3, 2017 at 4:16 pm #815935
    Hedo

    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 7 years, 4 months ago by Hedo.
    July 3, 2017 at 4:54 pm #815958
    John Torvik

    Hi,

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

    Best regards,
    John Torvik

    July 3, 2017 at 5:00 pm #815963
    Hedo

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

    July 6, 2017 at 10:56 am #817138
    Victoria

    Hi Hedo,

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

    Best regards,
    Victoria

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