A WordPress theme for luxury brands, fashion and just plain classy sites. Luxury By Organic Themes is a classy theme created to showcase the finer things in life, Luxury is perfect for high-end products and services, the fashion and wedding industries, travel blogs, and any site where an elegant presentation is a priority.
You canc check Luxury theme Demo.
You can ask question regarding any issue you are facing in comments section.
You can take my personal help in skype : om2000_cuet
If you want to change Selected menu items (which is currently white) to be different one
.light-header-text #navigation .menu li.current-menu-ancestor a, .light-header-text #navigation .menu li.current_page_ancestor a, .light-header-text #navigation .menu .current_page_item a, .light-header-text #navigation .menu .current_page_ancestor a, .light-header-text #navigation .menu .current-menu-item a, .light-header-text #navigation .menu .current-cat a {
color: darkred !important;
}
If you want to change hover font color of menu items
#navigation li a:hover {
color: green !important;
}
If you want to change hover background color
#navigation li a:hover {
background: yellow !important;
}
If you want to change font size, color and font family of menu items (applicable for sub menu items too)
#navigation li a {
font-size: 12px;
color: darkred !important;
font-family: cursive;
}
To change, sub menu container background color
** you may need to change font color and hover background color font this according to your choice
.menu ul.sub-menu, .menu ul.children {
background-color: darkred !important;
}
If you want to change only sub menu items font color
#navigation ul.sub-menu li a {
color: white !important;
}
/*** Modification of Pages ***/
To change Default Page font color, font size, gap between lines and font family
.page .postarea .article, .page .postarea .article p {
font-size: 15px !important;
color: black !important;
font-family: cursive;
line-height: 27px !important;
}
To change border thichness (width) and color which is showing to the right of page content OR showing left to the sidebar
.sidebar {
border-left: 1px solid darkred !important;
}
If you want to increase default page width by reducing the pading to the left
.page .eleven .article {
padding: 0 0 24px 0% !important;
}
To change blockquote font size, color and font family
blockquote, q {
font-size: 23px !important;
color: darkred !important;
font-family: cursive;
}
Also to change Quotation marker size to be reduced and also to change its position
blockquote::before, blockquote::after, q::before, q::after {
color: darkred !important;
font-size: 111px !important;
margin-top: -14px;
margin-left: -23px;
}
To change the border thickness,width which is showing below the blockquote
blockquote::after {
width: 32%;
border-bottom: 4px solid darkred;
}
To change Header ( like h2, h3 ) font size, color and font family
h2 {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}
h3 {
font-size: 18px !important;
color: darkred !important;
font-family: cursive !important;
}
To reduce the padding (from left and right side) of Full Width page template and increase content width
.page-template-template-full .article.clearfix {
padding-left: 0px !important;
padding-right: 0px !important;
}
In Blog Page or Archive pages Tags, Search etc, if you want to change Continue Reading background color, font size, font color and font family
background: darkred;
color: white !important;
font-family: cursive !important;
}
To change Continue Reading Hover background color
a.more-link:hover {
background: darkgreen !important;
border: none !important;
box-shadow: none !important;
}
To change font size, color and font family of Post date (which is showing above the post title)
span.posted-on a {
font-size: 15px !important;
color: darkred !important;
font-family: cursive !important;
}
To change font size, color and font family of Post Category
a[rel=”category tag”] {
font-size: 16px !important;
color: darkred !important;
font-family: cursive !important;
}
In Blog page, if you want to change Blog Post title’s font size, color, font family, font weignt and more
h2.headline a, h2.headline {
font-size: 30px;
color: darkred !important;
font-family: cursive;
font-weight: 600 !important;
letter-spacing: normal !important;
}
To change blog post title hover font color
h2.headline a:hover {
color: yellow !important;
}
If you want to change Blog Post author font size, color and font family
.post-author, .post-author * {
font-size: 17px !important;
color: black !important;
font-family: cursive !important;
}
To change Blog Posts font color, weight, font family and text alignment
.content-holder p, .content-holder {
font-size: 17px !important;
color: black !important;
font-family: cursive;
font-weight: 100 !important;
text-align: justify;
}
/***** Sidebar Widget Section Modification *****/
If you want to give sidebar widget title a new look ( like the attached screenshot), use the code below
.sidebar h6.title {
background: green;
padding: 2%;
text-align: center;
color: white;
}
To change sidebar widget links border thickness and color
.sidebar .widget li {
border-color: green !important;
border-width: 2px;
}
Or, if you don’t want to show border around the list
.sidebar .widget li {
border: none !important;
}
To change sidebar widget list hover border thickness and color
.widget li a:hover {
border-bottom: 4px solid red !important;
}
/**** Related Post Modifications ****/
To change Related Post headings font size, color and font family
h3.jp-relatedposts-headline {
font-size: 23px !important;
color: darkblue;
font-family: cursive !important;
}
If you want to give Related Post heading a new look like the attached screenshot
h3.jp-relatedposts-headline em::before {
display: none !important;
}
h3.jp-relatedposts-headline {
font-size: 23px !important;
color: white;
font-family: cursive !important;
background: darkred;
width: 100% !important;
text-align: center;
padding: 2% !important;
}
To change Related Post title font size, color and font family
a.jp-relatedposts-post-a {
font-size: 12px !important;
color: darkred;
font-family: cursive !important;
}
To change Related Post title hover color
a.jp-relatedposts-post-a:hover {
color: darkblue;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
All About Basic 