Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 11, 2016 at 6:56 pm #698003
    jonrouse

    Hi,
    I have adjusted the spacing on a page using the following quick css.

    div .av_one_fourth {
	margin-left: 2%;
	width: 24%;
	float: left !important;
}
 
div .av_three_fourth {
	margin-left: 2%;
	width: 74%;
	float: left !important;
}

    I wanted to give it a custom class of “introsection” so it doesn’t use that everywhere, but I’m unsure as to where I should put the .introsection tag in the CSS. Can anyone help please?

    Thanks

    October 11, 2016 at 7:41 pm #698018
    Yigit

    Hi jonrouse!

    Please try following 

    div .av_one_fourth.introsection {
	margin-left: 2%;
	width: 24%;
	float: left !important;
}
 
div .av_three_fourth.introsection {
	margin-left: 2%;
	width: 74%;
	float: left !important;
}

    If that does not help, please post the link to your page.

    Regards,
    Yigit

    October 12, 2016 at 10:34 am #698182
    jonrouse

    Thanks Yigit, my maths was wrong. The three_fourth was displaying beneath the one_fourth. I changed it to this and it’s working great, thank you.

    div .av_one_fourth.introsection {
	margin-left: 2%;
	width: 23%;
	float: left !important;
}
 
div .av_three_fourth.introsection {
	margin-left: 2%;
	width: 73%;
	float: left !important;
}
    October 12, 2016 at 1:47 pm #698240
    Yigit

    Hi,

    Great! Glad we could help :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Help with custom class’ is closed to new replies.