[ReloxParticipant]

Hi i recently begin to build my own page now i m stuck, i went to customize CSS and nothing happens i would like to start customize shape of buttons, backgorund header,body,footer, basically build my own page from the sratch.

I will divide this section like a questionary because in need an explanation like apples and pears i will appreciate a lot your answers:

MY WEBSITE is: http://www.mirarqperspectivas.com

first of all

**********Menu**************************************************************************************************************

How do i change my background for all the logo conten to fill with this color #afafaf ?.

Ans=

How do i change the shape of buttons for the menu, color, and background,hover,submenu backgorund,shape?

Ans=

How do i position the search button nex to my logo or giving space?.

Ans=

How do i set my menu to any position?.

Ans=

How do i disable the click option in menu, when i hit portafolio in the menu it sends me to the protafolio page and i want to disable redirecting to that page?.

Ans=

************Body*************************************************************************************************************

How do i make transparency the content of a card Element in corner stone?

Ans=

How do i fill the backgorund body with parallax animation?

Ans=

**********Footer*************************************************************************************

How do i chage the background of the footer?.

Ans=

How do i change the font of the footer?.

Ans=

How do i add icons with links in to the footer page not social icons.? (i want to add calendar icon with a link to a page)

Ans=

I think if i can edit this options, i can do that with my other sections.

Thankyou xtheme for the hard work to make it simple drag and drop, but if i can drag and dorp the menu edit menus button,footer it will be more easier for a beginner like me.

[Rue NelModerator]

Hello There,

Thanks for writing in!

Our support covers getting setup, theme features, and bug fixes. Regretfully we cannot provide support for 3rd party plugins or scripts. Changing shape, colors, borders, lines are considered facelift and cosmetic modifications. Any other feature customizations and theme modification is beyond the scope of our support.

How do i change my background for all the logo conten to fill with this color #afafaf ?
Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-logobar {
    background-color: #afafaf;
}

How do i change the shape of buttons for the menu, color, and background,hover,submenu backgorund,shape?
Please give further clarifications and specification like color, shapes etc.

How do i position the search button nex to my logo or giving space?.
What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

How do i set my menu to any position?.
Regretfully, you can only align it to the left or right. You can use this code in your customizer, Appearance > Customize > Custom > CSS

/* Align Left */
.masthead-stacked .desktop .x-nav {
    margin-left: 0;
    margin-right: auto;
}

/* Align Right */
.masthead-stacked .desktop .x-nav {
    margin-left: auto;
    margin-right: 0 !important;
}

How do i disable the click option in menu, when i hit portafolio in the menu it sends me to the protafolio page and i want to disable redirecting to that page?.
Please edit your menu items in Appearance > Menus. You can insert a custom link and add “#” as the link so that it will not go anywhere when the item is clicked.
https://community.theme.co/kb/wordpress-custom-menus/

How do i make transparency the content of a card Element in corner stone?
Please edit your page in Cornerstone and turn on the advance controls. Add a custom my-card class in the card element. You can then use the following custom css code in Settings tab > Custom CSS

.my-card .x-face-outer.front {
  background-color: rgba(52, 158, 219, 0.5) !important;
}

.my-card .x-face-outer.back {
  background-color: rgba(155, 89, 182, 0.5) !important;
}

You can use this tool to convert hex colors to rgba colors: http://www.hexcolortool.com/#339edb

How do i fill the backgorund body with parallax animation?
Regretfully parallax effect is not a feature in X. You can use parallax effect inside a section only. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

How do i chage the background of the footer?.
Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

footer.x-colophon.top,
footer.x-colophon.bottom {
   background-color: #afafaf;
}

How do i change the font of the footer?.
Please add the following css code in the customizer, Appearance > Customize > Custom > CSS. Just make sure that the font family is loaded or Web safe font.

footer.x-colophon.top,
footer.x-colophon.bottom {
   font-family: Arial, sans-serif !important;
}

How do i add icons with links in to the footer page not social icons.? (i want to add calendar icon with a link to a page)
You can insert a footer content with your image icon and link on it.

Hope this helps.

[ReloxParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for writing in!

Parallax backgrounds don’t work on mobile devices. This could technically be possible to write a custom JavaScript code to overwrite the default one for parallax, but regretfully that would be outside the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

In the meantime, if you just want your background images to be fixed on mobiles, you may use following CSS code under Custom > CSS in the Customizer:

.x-section.parallax,
.x-content-band.parallax {
    background-attachment: fixed !important;
}

Thanks for understanding.

[ReloxParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hi Relox,

You are most welcome!
If you need anything else we can help you with, don’t hesitate to open another thread.

Cheers.

[Author]

Posts