New Landing How can we help? Themeforest Theme Support Flexform bootstrap-responsive.940.css

  • This topic has 23 replies, 5 voices, and was last updated 10 years by badpixa.
Viewing 9 posts - 16 through 24 (of 24 total)
  • Posted in: Flexform
  • #6878
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi Charlie,

    Will see if I can set aside some time for this tomorrow.

    – Ed

    #6879
    bakermedia
    Member
    Post count: 4

    Charlie! I am always so blown away and humbled by how helpful people can be, thank you I am trying this late tonight!!

    #6881
    Charlie999
    Member
    Post count: 92

    Hi bakermedia!
    For the Mini header i added this to Theme Options General/Custon Css

    .boxed-layout #mini-header {
    width: auto;
    padding: 0 40px;
    }

    If you use the Swift Slider you might need to add this to Options Custom css so the captions appear right.
    .flex-caption.caption-right {
    right: 110px;
    width: 300px;
    }
    .flex-caption.caption-left {
    left: 110px;
    width: 300px;
    }

    Good Luck bakermedia and thanks Ed!

    #7002
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hey guys,

    For the alt-bg, try changing the responsive.css file to the one attached (rename too). And add this to the custom css box in theme options:

    .alt-bg {
    margin-left: -230px!important;
    }
    @media only screen and (min-width: 1200px) {
    	.alt-bg {
    		padding-left: 250px;
    		padding-right: 250px;
    	}
    }
    

    Hope that helps.

    – Ed

    #7830
    badpixa
    Member
    Post count: 9

    I’m sorry, but I can’t see the attached file

    #7846
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    It’s the bootstrap-responsive.940.css file in the /css folder.

    – Ed

    #7849
    badpixa
    Member
    Post count: 9

    I tried, doesn’t work to me.. There’s still some space at the left and the right of the alt-bg
    Do I have to edit something in bootstrap.min.css?

    #7858
    Swift Ideas – Ed
    Keymaster
    Post count: 15264
    #7909
    badpixa
    Member
    Post count: 9

    Still didn’t work to me this way.
    By the way seems like I made it work my way ๐Ÿ™‚
    All I’ve done is:
    1) Rename bootstrap-responsive.940.css in bootstrap-responsive.min.css (overwriting the existing one)
    2) Edit the responsive.css at line 20 like this

    .alt-bg {
    margin-left: -260px!important;
    padding-left: 280px;
    padding-right: 280px;
    }

    I think it’s perfectly working, can you guys try this and confirm me, you might see some flaws I don’t see ๐Ÿ™‚

Viewing 9 posts - 16 through 24 (of 24 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register