Few Css modifications. Please help - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
December 6, 2013 at 9:31 pm #197112

antreasv
Participant

Hello there!
First of all thank you for a very nice and well built template.
I found some of the things I’m looking for in the forum, but still would like to give me some hints on some modifications that I want to do.
Hopefuly you can send me some code to add at the quick css box.

1. Different background images for different pages.
Is that possible to do that? Please advise

2. Background color transparency.
I’m using the “fixed width style”. As I said I’m using a background images and I’d like to use transparency at the Header, Main content, socket etc background color.

3. Content hight
Is there any way I can control the hight between the content? There seams to be a lot of space between two elements. Can I reduce that?

4. Main Menu font style
I would like to control the font of the main menu. Change the size, color of the “non selected” and make them “non bold”. Also would like to change the space between the words of the dropdown subnemu. Is that possible?

5. Secondary Menu at the socket font style
I’d like also to control the style of the font at the socket too. How can I do that?

6. Dots at the slider
Can I change the color of the dots of the “full width easy slider”?

7. Back and forth arrows pop-up slideshow
Can I change the arrows of the pop-up slide show with ones that I design?

Thank you for your time.
Hope to have news from you soon :)

Yours
Andreas

December 8, 2013 at 2:18 pm #197710

antreasv
Participant

Hello again,
Any chance I could get some help here :)
It’s been a couple of days since I posted :)

Yours
Andreas

December 8, 2013 at 11:09 pm #197809
Yigit
Keymaster
Hey!

1) It is possible but you are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
2) Answered your question in this topic https://kriesi.at/support/topic/background-with-white-page-floating-above/#post-197797
3) Can you post the link to your website and point out the elements that you would like to decrease the whitespace?
4) Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
```
.header_color .main_menu ul:first-child > li > a { color: red; font-weight: normal; }
.header_color .main_menu ul:first-child > li.active-parent-item > a { font-weight: 600; }
#top .main_menu .menu li ul a { padding: 4px 15px; }
```
5)
```
.header_color .sub_menu>ul>li>a { color: red; font-weight: normal; }
```
6)
```
.avia-slideshow-dots a.active, .avia-slideshow-dots a { background: red; } 
.avia-slideshow-dots a { background: purple; }
```
7) Yes you can. You should go to wp-content\themes\enfold\js\prettyPhoto\images\prettyPhoto\default folder and edit images

Cheers!
Yigit
December 9, 2013 at 6:34 pm #198141

antreasv
Participant

Thank you Yigit!
Let me give you some feedback..

1. Already posted there so I can get this done

2. This only changes the transparency of the main body. How can I do the same for the header, footer and socket background color?

3. I’m sending the link on a private reply. I would like to reduse the “empty space” between the main menu and the “…welcomes you…” phrase and then from the main photo and then to the dummy text and then to the lamp link…
In general I’d like it to be more compact in hight if you know what I mean :)

4. Done that and it worked. Though, can the “non selected item” at the main manu be font-weight: normal; and the “selected item” be font-weight: bold; ?

5. This does not affect the secondary menu at the bottom of the page at all.

6. That worked perfectly

7. Tha also worked!

Please get back to me as soon as you can with how to solve the 2,3,4 and 5 issues?

Thank you for your time,
Yours
Andreas

December 9, 2013 at 6:34 pm #198142

antreasv
Participant

This reply has been marked as private.

December 9, 2013 at 7:08 pm #198153
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
2)
```
.socket_color {
background: rgba(255, 250, 250, 0.5) url(https://caleche.gr/wp-content/themes/enfold/images/background-images/dashed-cross-dark.png) center center repeat scroll;}
#footer { background-color: rgba(255, 250, 250, 0.5); }
```
3)
```
#header_main { height: 89px; }
.content { padding-top: 20px; }
```
and please remove Horizontal ruler element from your page to decrease the space between text and lamp http://i.imgur.com/Utplp4Y.jpg
4)
```
.header_color .main_menu ul:first-child > li > a { font-weight: normal; }
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { font-weight: bold!important; }
```
5)
```
.socket_color a { color: red; font-weight: normal; }
```
Cheers!
Yigit
December 9, 2013 at 11:52 pm #198267

antreasv
Participant

Hello again :)

2. Worked but I think you missed the code for the top part with the menu and the logo. The background remains white 100% tried some myself but no luck. Please please check :)
3. Worked!
4. Worked!
5. Worked!

Thank you for your time!
Andreas

December 10, 2013 at 12:05 am #198276
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
#header_main, #header_main .container, #header, .header_color .header_bg
{ background-color: rgba(255, 255, 255, 0.5); }
```
That should do it :)

Regards,
Yigit
December 10, 2013 at 9:15 am #198468

antreasv
Participant

Hey
kinda worked
I had to split the #header_main, from the #header_main .container, and make the container 0% because it looked as it had 2 layers.

Finaly worked.
Thanks Yigit

ps. The programmer from Werk gave me an astronomical price for the background changing. Any other suggestions?

December 10, 2013 at 11:39 am #198489

Yigit
Keymaster

Hi!

Glad it worked!
You can try to find a freelance developer from http://www.microlancer.com/ or you can try to find a plugin that does the job. Personally i have not used any, therefore i cannot recommend one. Closing this thread for now. Let us know if you have any other questios or issues

Cheers!
Yigit
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Few Css modifications. Please help’ is closed to new replies.