Docs

[allankayak]

Hei.

I have an old site I am rebuilding with X Theme, both run on WP 4.5 with latest x-theme and cornerstone

Old site: http://www.vossrafting.no/

New site: http://www.vossrafting.no/active/

I am trying to style the language selector, but I can’t for the life of me work out the class I need to control the whole div

I have set a class of ‘flag’ on the widget class and have tried different ways to use the same CSS used on the original site to position the selector in the same way; fixed, bottom left.

But nothing seems to work.

Tried inserting the code in custom CSS and style css

I really seem to struggle to work out the classes. I keep finding help files that say, ‘just find the class and enter your code, but I must be missing something 🙂

??

[Nico]

Hi There,

Thanks for writing in.

Would you mind sharing us a screenshot of which part you want to be selected or to be edited and please share us the custom CSS you used.

Thanks.

[allankayak]

Old site is here:

http://www.vossrafting.no/en/

This was the code that fixed the selector widget at the bottom of the screen, even though the widget was actually located at the top of the page with the social media links

.qts_widget {
position:fixed;
bottom:7px;
left:0;
width: 100px;
height: 30px;
display:inline-block;
}

New site is here, it uses a different plugin for the language, to cope with cornerstone, but I can still add class to the widget. but it has the class of selector added to the widget

Aktive opplevingar for alle

I see now that it almost works, but only in some screen sizes, but is hidden by the bottom footer – if you view the site and change the screen size you will see what I mean

[allankayak]

Screen shot here

[Lely]

Hi There,

Thank you for the screenshot. Upon checking the link:http://www.vossactive.no/, I can see that you have figure it out with this CSS:

  /*
// Language selector
*/
  
.selector {
  position:fixed !important;
	bottom:0px !important;
	left:0 !important;
	width: 42px !important;
	height: 30px !important;
	display:inline-block !important;
  z-index: 10;
  border: none;
	} 

Please confirm. If you want the same background with opacity like the old site, you may update the above CSS to this:

  /*
// Language selector
*/
  
.selector {
  position:fixed !important;
	bottom:0px !important;
	left:0 !important;
	width: 100% !important;
	height: 30px !important;
	display:inline-block !important;
         z-index: 10;
        border: none;
        background-color: rgba(51, 51, 51, .8);    
	} 

Hope this helps.

[Author]

Posts