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 11 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 one of the following items
Login and Registration Log in · Register