Home Forums Fusion Vertically positioned type element on Freelancer home page

Tagged: 

This topic contains 7 replies, has 3 voices, and was last updated by  Sterlingwilliam 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #47330

    queenlo
    Participant

    Hi Joshua,

    On your Freelancer demo home page, there’s a little title that displays vertically beside the “Harry” — mine disappeared somehow and I can’t figure out how to get it back… it looked like it was on the OUTSIDE of the column of the first section, and I don’t know how to configure that.

    I found another vertical type element in one of your other demo templates (Heading 5), but I can’t figure out how to replicate it, or how/where you start with the heading element — do you place it in a column and then position it at 90°? How do you drag it and place it where you want it?

    Thank you (I really love all the little careful details you’ve put in this theme! Just trying to figure out how to make the most of them… properly)

    #47331

    queenlo
    Participant
    This reply has been marked as private.
    #47334

    Joshua
    Keymaster

    There are several ways to go about positioning that text. They may all take just a bit of tweaking depending on how you want to position the text.

    The way that text is positioned in the Freelancer demo is by adding heading text to its own section, then we set the column for that text to “Position: absolute” under the Advanced tab and rotated it -90 degrees.

    You can do the same to the section, column, or individual widgets. The reason we chose this method is so we could still animate/parallax the heading element without interfering with the rotation. Additionally, it might be a good idea to not rotate or position the entire section just in case an element gets accidentally positioned offscreen or behind another layer and is no longer clickable/editable. This way, you can just delete the section should you have any problems.

    #47335

    queenlo
    Participant

    I’m sure that’s what happened to my old text element, it’s probably lurking around there somewhere I can’t see it. Thanks — I’ll play with this. Sounds tricky :)

    #47676

    Sterlingwilliam
    Participant

    Not sure how I missed this reply, getting back to my Fusion demo today and think the ideal one to present to new client Joshua!
    Just curious, had this issue before I was just reminded my (I know Elementor thing but) how do I delete a section like here – blank column in the middle https://imgur.com/a/Wyz5T , just trying to get mobile design spot on

    And I can see Responsive Views of course when clicking tab icon but are there separate padding etc options that can be set for mobile only?

    BIG UPS and hope your 2018 Amazing!

    #47677

    Joshua
    Keymaster

    @Sterlingwilliam There’s no way to hide single columns in Elementor on mobile, but you could do this through classes. If you click the column icon you want to edit and then click the “Advanced” tab, you can add something like the following to the “classes” field to hide on smaller screen sizes:

    d-none d-md-flex

    #47678

    Sterlingwilliam
    Participant

    WOW man that works like a charm! I REALLY gotta make learning better CSS a priority!

    I will save that if ever need again, and actually I was referring to https://imgur.com/a/p45KV removing sections like this, there is no X/delete option. Apglz bother ya with such small thing but can’t figure out
    And that’s for mobile hide CSS, very cool!

    Curious, is there anyway Joshua to add -margins in section w Elementor is there? like -50px if wanted to lift a section up? In Visual Composer that’s really simple to do

    I had somebody on my Facebook ask which best page builder in WordPress and I for the first time (thanks to checking all out via your awesome Fusion) recommended Elementor over Visual Composer as the parallax options are butter smooth on mobile view and doesn’t slow a site down as much as other parallax options usually do. I also attached a link to your theme suggesting he purchase!$

    #47679

    Sterlingwilliam
    Participant

    Ahhh I found the margins settings AND you can do for each device! #AWESOMESAUCE

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

You must be logged in to reply to this topic.