Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • January 6, 2015 at 1:40 am #375434
    rangertech

    Hey guys,

    Is it possible to achieve something close to this layout?

    If so can you point me in the direction as to which layout elements would be best suited to use for the tight content boxes?

    Thanks!
    Nick

    January 6, 2015 at 10:59 am #375575
    Yigit

    Hey rangertech!

    Using various elements inside Color Section element, it is possible to have a similar look, but functionality-wise, i am not sure, we need to see the example site.
    You can add Color Section element with unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab to make it fullwidth

    #your-custom-id .container { max-width: 100%; padding: 0; margin: 0; }

    Regards,
    Yigit

    January 6, 2015 at 5:54 pm #375753
    rangertech
    This reply has been marked as private.
    January 7, 2015 at 4:16 am #375974
    Andy

    Hi!

    yes you need to figure out class name. If you give us a link to your website we can assist you on this.

    Which clickable links within boxes do you mean? Please show and highlight on screenshots.

    Is this image you posted the layout you wish to achieve?

    Cheers!
    Andy

    January 17, 2015 at 1:06 am #381159
    rangertech
    This reply has been marked as private.
    January 21, 2015 at 12:07 am #382791
    Elliott

    Hi!

    If you add the columns inside a color section and add a class or ID to the color section then you can use this CSS to make them flush against each other.

    #yourID .av_one_third {
  margin-left: 0% !important;
  width: 33% !important;
}

    Cheers!
    Elliott

    January 21, 2015 at 7:44 pm #383295
    rangertech

    Hi Elliot,

    Thanks for the tip. I gave it a shot but it didn’t make the boxes flush, Instead it shrunk them a little and kept the space in between. I added the ID to the color section and put all 3 columns in.

    See this link – http://dev.rangertech.com/homepage/home-column-test

    Thanks.

    January 22, 2015 at 6:41 pm #383877
    Elliott

    Hey!

    I see the ID you have set is “#itconsult”. I didn’t see the code I told you to add though. Add it in Dashboard > Enfold > General Styling > Quick CSS and let us know when your done so we can take a look.

    Best regards,
    Elliott

    • This reply was modified 9 years, 10 months ago by Elliott.
    January 22, 2015 at 10:20 pm #384049
    rangertech

    Hi Elliot,

    Thats odd that you didn’t see it. I added it to the custom CSS field and just checked and its still there.

    I saved it again. Take a look and let me know.

    Thanks!

    January 23, 2015 at 9:35 pm #384645
    Elliott

    Hey!

    You have a couple of typos in your CSS. For example this.

    .header_color .phone-info {
color: #f18b39;
]

    Look over your custom CSS and fix all of the typos and it should work.

    Cheers!
    Elliott

    January 27, 2015 at 10:56 pm #386668
    rangertech

    Hi Elliot,

    LOL that fixed it. Thank you!! I was able to tweak everything to line up pretty close to the original design.

    I’m having some issues with my page titles not showing up. It shows up for the blog and contact page but not for all my other pages. i have it set to display title and breadcrumbs in the Enfold settings but still nothing shows up.

    Thanks!

    January 28, 2015 at 5:19 pm #387147
    Yigit

    Hi!

    Please enable Custom Field on your page ( you can click Screen Options on the right top corner and uncheck it any time ) and make sure that header is set to YES – http://i.imgur.com/zoAvXSM.png

    Regards,
    Yigit

    January 29, 2015 at 12:00 am #387483
    rangertech

    Thanks Yigit.

    Is it possible to expand the search box so it sits visibly above the navigation, instead of popping up?

    Thanks again.

    P.S. you can see the example in the screenshot I posted earlier in the thread.

    • This reply was modified 9 years, 10 months ago by rangertech.
    January 30, 2015 at 9:10 am #388149
    Ismael

    Hi!

    Try the solution provided here: https://kriesi.at/support/topic/search-not-working-in-ie8/#post-328178

    Cheers!
    Ismael

    January 31, 2015 at 1:17 am #388655
    rangertech

    Fantastic! Thanks Ismael!

    I’m having font rendering issues with Safari and Firefox. I’m using lighter font weights in my text-box elements which are getting overwritten by Firefox and Safari making all the fonts bolder. Is there a fix for this?

    Thanks!

    February 4, 2015 at 3:24 am #390494
    Josue

    Hi!

    Can you post a screenshot of your view? here’s how it looks on my end – http://screencast.com/t/qzwNfuKvbf

    Regards,
    Josue

    February 4, 2015 at 5:50 pm #390827
    rangertech

    Hi Josue,

    Here is what it looks like in Chrome (which is correct) –

    This is Firefox –

    This is Safari –

    Thanks!

    • This reply was modified 9 years, 9 months ago by rangertech.
    February 4, 2015 at 10:25 pm #390963
    Josue

    Hi!

    I’m still not noting it but try the following:
    https://kriesi.at/support/topic/font-weight-renders-very-different-depending-on-browsers/#post-334533

    Regards,
    Josue

    February 4, 2015 at 11:08 pm #390993
    rangertech

    Hi Josue,

    If you look at the large text below the hero image in the firefox and Safari screencaps, it is significantly bolder than the Chrome screencap, as is the bodytext.

    The fix you provided doesn’t fix the issue, but it does clean up the text so that it isn’t so bold in Safari and Firefox. It still doesn’t show the different weights I’m using in those 2 browsers though (e.g. In the Chrome screenshot notice the bullets are bolder than the rest of the body text).

    February 6, 2015 at 11:21 am #391920
    Ismael

    Hi!

    I checked the site on firefox and the text looks fine:

    Cheers!
    Ismael

    February 23, 2015 at 6:42 pm #400904
    rangertech

    Hey Ismael,

    Apologies. My screenshots didn’t show it but I’m on a mac. This seems to be an OSX issue.

    Thanks!

    February 24, 2015 at 10:33 am #401262
    Rikard

    Hi!

    I’m on OSX too and I’ve seen this before, non websafe fonts tend to render differently in different browsers. I don’t think there is much that can be done about that unfortunately. Like on http://dev.rangertech.com/it-solutions/it-consulting, Chrome is displaying it pretty bold and Safari a lot thinner, which is typical Safari.

    Best regards,
    Rikard

    February 24, 2015 at 5:24 pm #401531
    rangertech

    Hi Rikard,

    Ok. I can live with it. I appreciate you looking into it.

    Thanks.

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Guidance on tight column layout’ is closed to new replies.