Hey,

Glad it worked. :)

Regards,

Ismael

Hi,

I maybe wrong but you mentioned the used of WPML. How many languages do you have? Are you aware that you need to edit the site for each language including the Theme Options. Say you create a Homepage for the English language, you also need to create another Homepage for the Spanish language. To make it easier check your translation options.

Regards,

Ismael

Hi,

My bad. I thought that is your site. You can do something like this. First, inspect the menu then look for the unique menu list id. In my example I use this on my Quick CSS or custom.css.

#menu-item-1390 a {

background: url(../images/layout/loading.gif) left no-repeat;

padding-left: 20px;

}

#menu-item-1390 a is the unique id of my home menu.

Regards,

Ismael

Hi,

@jwferne: Thanks for the tip.

@Nuv: I already told you the solution. Please go to LayerSliderWP > General Settings > Basic > Layers Container. Adjust the width of the slider container. It will constrain the slider elements to a specified width. You might need to adjust the position of the elements.

Regards,

Ismael

Hi,

Text entries are always enclose on the paragraph tag <p> and when you create a line break it will insert the code <br> tag.

Does it bother you?

Regards,

Ismael

Hi,

You can create a new page then name it to something else other than Blog. Go to Enfold > Theme Options > And where do you want to display the Blog? > Choose the newly created page.

Regards,

Ismael

Hi,

You can make it smaller with this code

.avia-icon-list .iconlist_icon{height:64px; width:64px; line-height: 60px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; border-style:solid; border-width:2px; color:#fff;}

Change the values of height, width, line-height and font-size properties. Something like this.

.avia-icon-list .iconlist_icon{height:50px; width:50px; line-height: 50px; font-size: 20px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; border-style:solid; border-width:2px; color:#fff;}

Regards,

Ismael

Hi,

Please try to setup a test installation and import the dummy data. It works fine on my end. Featured image full width on blog posts if the layout is set to No Sidebar.

Can you give us a link to your website?

Regards,

Ismael

Hi,

Yes, you can style a specific category page but only the overview page of a certain category not the single view of the products included on that category. On the category overview page all you can change is the title of the products and the add to cart button text. For example you have a category named jewelry. You can add something like this on your custom.css or Quick CSS.

.term-jewelry .product h3.cufon_headings {

font-size: 20px;

}

Another example is shoes. You can add .term-shoes instead.

Regards,

Ismael

Hi,

It is possible yes but you need to add a lot of css modification. This is the closest I can get. I used a 1500x640px image with the text or whatever elements already included on image itself.

Create a new page. On the Layout Option select “No Sidebar”, “Don’t Display the Header”, “Don’t Display the socket & footer widgets” respectively.

Go to Advance Layout Editor > Media Elements > Insert Full Width Easy Slider > Select the Splash Image.

On your custom.css insert this code

.page-id-1380 #header {

display: none;

}



.fixed_header.social_header .page-id-1380 #main {

padding-top: 0;

}

Notice the .page-id-1380? That is the unique id for my own splash page. You need to inspect your page then find the body class and use that instead.

Regards,

Ismael

Hi,

For the meantime you can add this on your custom.css to fix the alignment.

.avia_image.avia-builder-el-4.el_after_av_imageavia-align-center, .avia_image.avia-builder-el-12.el_after_av_imageavia-align-center {

margin-left: 30px;

}

Regards,

Ismael

Hi,

You can add this on your custom.css. To change the background of the menu bar you can use this

#menu-north-east-barristers-main-menu, #header_main_alternate {

background-color: red;

}

To alter the font color use this

.menu-item a {

color: black!important;

}

And for the menu border, you can use this.

.header_color ul {

border-color: blue;

}

Change the color value. You might want to change the color value that I use because they look ugly. :)

Regards,

Ismael

Hi,

Again, your website is not online.

Regards,

Ismael

Hi,

I don’t see anything on the website. My suggestion is to make the font size small. Maybe you might have to do it by separating some of the menus. Please make the site live so that we can inspect it.

Regards,

Ismael

Hi,

Your site can’t be found.

Regards,

Ismael