I just realized. This would change the style for every accordion, not just on the one I want to include on the homepage?

Thank you!

Great, thank you!

Hi again,
1- this did not work, I even added an !important; to the last line.
@media only screen and (max-width: 989px) and (min-width: 768px) {
.header-buttons {
left: 0;
}

Here is my current code, that I’ve added in the Quick CSS:
/*Add reserve now button to Header-added code to header.php*/
.header-buttons {
position: absolute;
right: 0;
border: none;
top: 0;
left: 495px;
}
.header_color .header-buttons a {
display: block;
padding: 2px 7px 5px 7px;
font-size: 21px;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-buttons a.header-chat { background-color: #985e06; left center no-repeat; }
/*Color hover of TripAdvisor*/
#top .social_bookmarks_tripadvisor:hover a {
color:#ff;
background-color: #29A959;
}
/*testing- Move Reserve button on iphones*/
@media only screen and (max-width: 989px) and (min-width: 768px) {
.header-buttons {
left: 0px !important;
}

2. As you suggested, I’d like to hide the layerslider on mobile. Can you tell me how to do that? Do I still need to assign a css selector? If so, can you point to or share more info on how to do that? I’m only familiar enough with it to be dangerous at this point.

Thanks -Lynn

You can find the website at this link: http://bit.ly/1fqPkFc

didn’t work. I did some research and it seems like jetpack doesn’t respond to css because it is contained inside an iframe ( i say that like I understand what it means lol).

I think it will be okay with that font small anyways.

Thanks for the help Yigit

Jonny

Tried it, didn’t work. Found some other sites using the plugin and seemed like their text was also super small. Seems like a big oversight by facebook as the comments are very difficult to read. Anyways, thanks so much for taking a close look.

I’ve decided to go with Jetpack Comments as it has facebook login (no facbook notifications for replies as far as I can tell though – am I wrong about this?) and the code you gave me earlier for the comment font size works :)

However, the code you gave me for the “notify me of follow up comments by email”

#top label { font-size: 20px; }

doesn’t work for jetpack – though it does work for the built in comments. Any other codes I could try?

Thanks

Jonny

Hi Ismael,

Thank you for your response, we have added the line to the quick CSS and the font size is bigger now. However, the font size of the single product names has changed too, and we only want the category- and subcategory names to be bigger. Also, would it be possible to add the horizontal line as shown on our homepage https://www.peetersduurzaam.nl/ in “Waarom Peeters Duurzaam?”

Kind regards,

Pim and Gonneke

Dear Ismael,

https://www.peetersduurzaam.nl/webshop-2/ The category names on this page are Warmtepompen, Zonnestroom and Zonnewarmte. For every category or subcategory (all listed in the sidebar) the names are shown this way. We would like the font size to be bigger, and the font style to be as “Waarom Peeters Duurzaam?” on our homepage, with the horizontal line behind te words.

Also, the names are below the thumbnails, could we put the thumbnails below the names?

Kind regards,

Pim and Gonneke