Docs

[chriscarr1951]

Hi, I have adjusted the position and the size of the direction arrows so they are correct for Extra Large screen, but when I look at on the smaller screens the arrows move away from the edge and don’t reduce in size. I am sure there will be a setting but I can’t find it can you help? This on the slider Landscape.
Many thanks,

Chris

http://fionacampbelldesign.co.uk/wp/aw/

[chriscarr1951]

This reply has been marked as private.

[Rupok]

Hey Chris,

You can use your CSS within media query to apply for large screens only :

@media only screen and (min-width: 768px) {

#rev_slider_1_2 .uranus.tparrows.tp-leftarrow {
	left: 0;
	top: 50%;
}
#rev_slider_1_2 .uranus.tparrows.tp-rightarrow {
	top: 50%;
	left: 100%;
}
}

Hope this helps.

[chriscarr1951]

Hi Rupok,

Can you have another look it doesn’t seemed to have worked. I entered the code into Custom / Edit CSS Code – I want sure if there was somewhere else for ‘media query ‘

Can you help?

Thanks

Chris

[Christopher]

Hi there,

Please remove extra curly bracket from following block of code:

.x-accordion-heading .x-accordion-toggle, .x-accordion-body .x-accordion-inner{
  font-family: "Open Sans",serif;
}
}

Remove 1 from customizer/custom CSS :

1
.x-navbar {
    background-color: #F2F2F2;
}

Please do not forget to clear cache.

Hope it helps.

[Author]

Posts