Tagged: vertical type
November 11, 2017 at 3:11 am #47330
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)November 11, 2017 at 3:12 am #47331This reply has been marked as private.November 11, 2017 at 10:27 am #47334
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.November 11, 2017 at 2:56 pm #47335
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 trickyFebruary 14, 2018 at 8:17 am #47676
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!February 14, 2018 at 6:44 pm #47677
@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-flexFebruary 15, 2018 at 1:03 am #47678
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!$February 15, 2018 at 1:36 am #47679
Ahhh I found the margins settings AND you can do for each device! #AWESOMESAUCE
You must be logged in to reply to this topic.