-
Posts
-
Hi Folks,
I want to control when/which container border to turn off and when I want it back on.
I have created a tiled horizontal png graphic (with a transparent background) that appears to give the effect of the main color background blending into the ALTERNATE container by using halftone dots. However, I still want to control the other container borders. I dont want to just turn them all off/on throughout the site or even per page (which is what is happening at the moment.
Could it be done by creating a class, by giving a particular container a name which is then associated with a specific top/bottom border? If so, can anyone suggest how to get started?
You can see what I mean on my Home page… andypeck.co.uk (effect between x3 skills and the portfolio)
Cheers
Andy
Hi,
Remove the background on the theme options then apply it on a different section manually. Inspect the avia section then look for the unique page id and unique section class. Something like this
.page-id-1700 #av_section_1.avia-builder-el-8 {
background-image: url(https://www.andypeck.co.uk/wp-content/uploads/2013/06/trx_border.png) !important;
}.page-id-1700 is the page body class id. #av_section_1 is the section id with a class of .avia-builder-el-8. This is the id of that particular section on your frontpage.
Regards,
Ismael
Hey there,
Ive now turned off the background image in theme options and applied your ID Controls but now the png just fills the section instead of just doing a line.
a) How do I make just 1 row of the png?
b) How do I turn off the container top line just above my png
c) How do I control the margin height so that the portfolio starts further down the page but the container above it (the one with the x3 skills options and massive slab font) has less margin at the foot of its container
to see what im talking about please refer to my site:
1) Use
.page-id-1700 #av_section_1.avia-builder-el-8 {
background-image: url(https://www.andypeck.co.uk/wp-content/uploads/2013/06/trx_border.png) repeat-x !important;
}2) Insert following code into the quick css field
.home .special-heading-inner-border {
display: none;
}3) Insert following code into the quick css field and change the margin-top value:
.home .avia_sortable_active .isotope {
margin-top: 10px;
}
- The topic ‘CONTAINER BORDER – ON/OFF SWITCHING CONTROLS’ is closed to new replies.